tailwind

Builds custom palettes in the HSLuv color space with live WCAG and APCA contrast checks, exporting to Tailwind, CSS and Figma.

Tailwind palette generator that builds full colour scales from one hex and previews them across cards, dashboards and full pages.

Toolkit of animated React components, scroll effects and full page layouts built on Tailwind and Motion.

87+ copy-paste React components built on React Aria Components and Tailwind, with Next.js and Laravel install paths.

Copy-paste responsive block library aimed at shipping an MVP landing page and dashboard quickly.

Paste a palette and preview it instantly on a full fake landing page, with export to Tailwind, CSS variables and Figma.

200+ copy-paste React components, blocks and landing templates built on Tailwind and Motion, heavy on 3D, background and text effects.

Free browser tool generating and browsing hundreds of shadcn/ui theme variable sets with instant copy-paste CSS output.

Email development framework that compiles Vue-style components and Tailwind CSS down to inlined, client-safe HTML email.

Hand-crafted interaction and micro-animation snippets for React and Tailwind, browsable by effect.

React component library applying a neo-brutalist retro design system across buttons, cards, dialogs and form controls.

Community registry of 12,000+ React and Tailwind components, templates and shadcn themes published by 700+ design engineers, with AI-ready copy prompts.

Free Tailwind components and full page templates published simultaneously for React, Vue, Svelte and plain HTML.

Free Next.js and Tailwind component collection focused on cards, AI chat surfaces and dashboard widgets.

Community gallery of over a thousand loaders written in plain CSS or Tailwind, each copyable and MIT-licensed.

Animated React and Tailwind components, blocks and design systems distributed through the shadcn CLI.

Astro business site template with a large component set, MDX docs section and industrial visual direction.

Tailwind component library with 640+ components, 944 prebuilt blocks, 21 templates and 27 headless interaction plugins.

Browser extension starter kit with React, Tailwind, typed messaging, i18n, billing and cross-browser build tooling.

Tailwind plugin adding 3D transform utilities for rotation, translation and perspective composition.

Dark-themed Astro and Tailwind landing page template with a modern SaaS visual language and animated sections.

Minimal Next.js and MDX blog template with Tailwind and TypeScript, kept deliberately small.

Free Tailwind admin dashboard template with 200+ UI elements, charts, tables and authentication pages.

Astro and Tailwind starter covering marketing pages, blog, dark mode, analytics and near-perfect Lighthouse scores.

Curated list of Tailwind CSS plugins, component libraries, tooling, templates and learning resources.

Portfolio rebuilt with Next.js 15, Tailwind, Supabase and Framer Motion, with documented rebuild write-ups.

SolidJS port of shadcn/ui with a CLI, Tailwind theming and Kobalte primitives underneath.

Free Next.js and Tailwind startup template with pricing, testimonials, blog and dark mode pages.

Astro startup and landing page template with pricing, features, blog and contact sections in Tailwind.

Extended animation utilities for Tailwind adding duration, delay, easing and direction modifiers to animations.

Tailwind component library exposing semantic class names rather than utility soup, with 80+ components, blocks and a matching Figma file.

CLI that scaffolds a Django SaaS with auth, billing, Tailwind and deployment config in one command.

Next.js 16 starter wiring TypeScript, Tailwind 4, Clerk auth, DrizzleORM, Vitest, Playwright, Sentry, Arcjet and PostHog together.

Free Next.js landing page template by the Cruip team, designed for open source projects and SaaS launches.

Clean, minimal building blocks for dashboards and app shells designed to be copied straight into React projects.

UI blocks aimed at real apps and dashboards rather than marketing pages, designed to survive from prototype to production.

Samuel Kraft's site built with Next.js, MDX and Tailwind, including bookmarks, notes and a design-forward blog layout.

Open-source Tailwind component collection with copy-paste markup and no install or dependency step.

Open-source Figma plugin converting frames to Tailwind, HTML, SwiftUI or Flutter with layout-aware output rather than absolute positioning.

Large open collection of Tailwind and shadcn component variations covering inputs, selects, dialogs, navigation and notification patterns.

Sam Selikoff's personal site source, useful as a reference for Next.js plus Tailwind structure from a teacher of both.

shadcn-style component set organised around variants, focused on landing pages, forms and interactive controls.

Open component library of NativeWind-styled React Native elements covering forms, cards, overlays and navigation patterns.

Tailwind CSS plugin adding utilities for iOS safe-area insets on padding, margin and height.

106 animated React components and blocks — docks, bloom menus, OTP inputs, number tickers — installable through the shadcn CLI.

MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI.

Tailwind plugin generating fluid, viewport-scaled type scales using clamp with configurable ratios.

MCP server bringing shadcn-vue and Tailwind component generation to Vue developers via an agent.

Open registry of React, Next.js and Tailwind components plus functional app examples and animated effects.

353 React and Tailwind components where each one ships its live preview, full source, the prompt that generated it, and a concept map.

Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript.

Tailwind plugin replacing border-radius with Apple-style continuous curvature corners, exposed as utility classes.

Tailwind plugin rendering true superellipse squircles via the CSS Houdini Paint Worklet, with adjustable smoothing and rounded-corner fallback.

Registry of animated React and Tailwind components, blocks and page templates installable with the shadcn CLI.

Collection of shadcn/ui blocks for modern marketing sites, with 200+ ready sections.

Thirty-five open-source React dashboard components — charts, KPI cards, filters, pickers — built on Recharts, Radix and Tailwind.

Tailwind CSS plugin that adds proper gradient borders without the usual pseudo-element and background-clip hacks.

Copy-paste HTML, CSS, Tailwind and React snippets for buttons, cards, checkboxes and shadows, plus claymorphism and gradient generators.

Agent skill that turns one brand hex into OKLCH ramps, WCAG-checked semantic tokens, and Tailwind or CSS output offline.

Forty-three copy-paste React and CSS micro-interactions with Tailwind or plain CSS variants, no package to install.

MIT React component registry for Next.js and Tailwind v4 with motion-rich interactions, installable via CLI or copy-paste.

React and Tailwind component registry of motion primitives — fluid tabs, expanding actions, animated dialogs — installed into your codebase via shadcn CLI.

Two-skill agent library: shader-driven WebGL UI components with real fallbacks, and Tailwind container queries used in place of viewport breakpoints.

251 UI layout prompts across 15 page-section categories — auth, pricing, dashboards, onboarding — each with a preview and copy-paste Tailwind markup.

Collection of modern CSS and Tailwind background snippets: gradients, grids, noise and mesh patterns.

Tailwind plugin from Rombo adding a concise utility syntax for entrance, exit and looping animations.

Alpine.js and Tailwind UI library of copy-paste interactive components listed in the official Alpine docs.

Open-source set of roughly 150 Tailwind CSS components covering avatars, badges, dropdowns, notifications and pagination.

Astro component and block library for building marketing sites with props-driven layout composition.

Weekly newsletter covering Tailwind CSS releases, plugins, components and ecosystem projects.

Studio Ghibli inspired shadcn/ui theme with hand-drawn textures, soft palettes and custom typography.

Astro component library with accessible, Tailwind-styled components installed by CLI into your project.

Email framework that renders JSX to client-safe HTML with twenty-plus components, a CSS-support checker CLI and live preview.

DTCG-native token build system supporting resolver documents, sets and modifiers, exporting CSS, Tailwind v4, Swift and Compose.

Library of animated React and Tailwind components including glow buttons, spotlight cards, marquees and hero effects.

Minimal free Next.js and Tailwind landing page scaffold with linting, formatting and deployment config preconfigured.