Free · React · Tailwind · Copy & paste
Free React UI library for developers & AI coders
Browse 68 components across 9 categories with live previews, SEO-friendly docs, copy-ready TypeScript, npm install notes, and AI prompts for Next.js, Vite, and Cursor.
Browse by category
Announcement Components
Premium React announcement bars and pills with green and gray gradients, 3D shadows, and futuristic glow effects. Copy simple info badges, t…
10 componentsBackground Components
Premium animated React backgrounds: retro 3D perspective grids, twinkling starfields, drifting dot grids, aurora mesh blobs, CRT scanlines, …
10 componentsHero Sections
Free React hero section components built with Tailwind CSS. Copy dark aurora SaaS heroes, minimal startup layouts, split product showcases, …
5 componentsButton Components
21st.dev / Magic UI buttons for TetraKits: rainbow gradient pill, shiny shimmer, interactive hover arrow, ghost outline glow, and pulsating …
5 componentsCall to Action Sections
High-converting React CTA blocks for landing pages: banner stripes, split rows, elevated cards, newsletter signups, and bold gradient blocks…
5 componentsFeature Sections
Premium React feature sections in 21st.dev / Magic UI style: split hero layouts, dark bento grids with tags, three-column featured cards, ch…
12 componentsFooter Components
GSAP motion footer with curtain reveal, magnetic pills, and aurora grid, plus 10 more 21st.dev patterns: Tailark advanced, neo-minimal, stic…
11 componentsCard Components
Premium React card components: glassmorphism feature cards, bento stat tiles, testimonial quotes, profile cards, and mini pricing cards. Tai…
5 componentsPricing Sections
React pricing table and plan comparison components: three-tier SaaS pricing, two-plan toggles, single highlight plans, usage-based meters, a…
5 components