Kindred is a complete non-profit & charity website and admin template for supporters, built with Tailwind CSS. Tagline on the demo: "Together we can change lives".

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 - Card Grid 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 icon rail 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 (glitch-text, shimmer-skeleton, orbital-motion); clip-path (svg-path-heart, polygon-morph); filters (saturation-boost, duotone-effect, blur-focus); transforms (transform-chain, scale-rotate); transitions (rainbow-glow, 3d-flip-card, magnetic-hover); gradients (conic-rotation, shimmer-effect); shadows (fire-text, shadow-neon-glow, colored-shadows); backgrounds (bg-glitch, bg-scrolling, bg-shapes)
• 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 #7c3aed, secondary #c026d3, accent #22d3ee
• Fonts: Kanit + Prompt (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 11" - 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.