React and Tailwind CSS component library with 600+ components and blocks, a CLI, prebuilt templates and a matching Figma design system.
ReactTailwindComponents+1
tailgrids.com
Kobra
kobra.systems
Polished, copy-paste React components built with Tailwind CSS — every state designed, in light and dark, with AI-ready prompt files included.
What is Kobra?
Kobra (kobra.systems) is a component library of polished React + Tailwind building blocks, from segmented OTP inputs to inputs and interactive previews. Each component ships with live demos, every state (default, focus, invalid, error) designed in both light and dark themes, and a prompt.md so AI coding tools can rebuild or extend it. Copy the source into your project — no package install required.
Best for
- Polished form inputs with every state designed
- Copy-paste components for React + Tailwind apps
- AI-assisted builds via included prompt files
Key features
- React components styled with Tailwind CSS
- Light and dark variants with every state designed
- Live interactive previews with source and styles
- prompt.md files for AI coding tools
- Copy-paste source, no npm package
Related resources
tailgrids.com
Beautiful, animated React UI components with styling and motion already handled — built with Tailwind CSS, TypeScript and Framer Motion.
ReactTailwindFramer Motion+2
componentry.dev
React and Tailwind UI library with animated components, marketing blocks, illustrations and copy-paste templates — shadcn-compatible, with free and Pro tiers.
ReactTailwindShadcn UI+2
forgeui.in
Visitopens in a new tab