Blossom Care is a complete health & clinic website and admin template for patients and families, built with Tailwind CSS. Tagline on the demo: "Care that puts you first".

One download gives you 258 pages that share one theme: a marketing site, a 14-page admin dashboard, a full UI kit with copy-ready code, 41 example pages and 100 working forms - all in light and dark mode and responsive down to 360 px.

What's inside

• Home page - Single Column layout, plus a gallery of 14 page layouts (single column, sidebar, split screen, bento, masonry, magazine, F- and Z-pattern and more)
• Admin dashboard - 14 pages with a light sidebar look: overview, analytics, orders, customers, products, invoice, calendar, kanban, messages, files, profile, settings, notifications, 404
• UI kit - 70 documentation pages (tools, components, helpers, utilities), 20 live examples each with a Preview / Code switch and a Copy button
• 41 example pages - album, blog, checkout, dashboard, pricing, product, sign-in, navbars, sidebars, footers, heroes and more, several with right-to-left versions
• 100 full forms with validation - login, register, 2FA setup, checkout, payment, booking, surveys, HR and admin forms
• Modern CSS effects - animations (orbital-motion, shimmer-skeleton, typewriter); clip-path (wave-animation, triangle-spin, inset-expand); filters (invert-colors, text-filter-effects, blur-focus); transforms (matrix-transform, rotate-3d); transitions (liquid-ripple, 3d-flip-card); gradients (conic-rotation, gradient-shadow); shadows (outline-glow, 3d-text-shadow); backgrounds (bg-parallax, bg-particles, bg-gradient-flow)
• 6 theme modes - light, dark, dim, sepia, high contrast and auto (follows the system), remembered per visitor
• 2,000+ icons (Bootstrap Icons) and original SVG illustrations - no stock licences needed
• documentation.html, README.md and PAGES.md (every page listed)

Design

• Colours: primary #ec4899, secondary #8b5cf6, accent #14b8a6
• Fonts: Montserrat + Lora (Google Fonts)
• Every colour, font and corner radius is a token in one file (theme.css) - rebrand the whole template in minutes
• The demo brand is the placeholder "Brand name 15" - replace it and the logo SVG with your own

Tech

• Tailwind CSS - Tailwind CSS 4.3.3
• Open index.html - works straight away with the Tailwind browser build; npm install + npm run build:css makes the minified production CSS.
• Works in Chrome, Edge, Firefox, Opera (last 2 versions) and Safari 16.4+ on macOS and iOS
• Clean, semantic, accessible HTML (skip link, labelled controls, keyboard-friendly menus)

Licence options

• Personal - one end product for yourself or one client
• Commercial - unlimited end products for yourself and your clients
• Extended - end products sold to many users (SaaS, themes sold inside a product)

You may change the template in any way, but not resell or share the template itself. Free updates for version 1.x.

Screenshots show the real pages of this download.