Hero
61 resources in the index ship this component, best first. Group: Layout.
Also called · jumbotron · hero banner · above the fold · splash section · header hero
Ships it
61- The Component Gallery · 60 UI components cross-referenced against 95 real design systems
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animation
- Open Design · Local-first desktop app that turns your coding agent into a design engine
- Paper Shaders · 30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocks
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- BMW DESIGN.md · A 544-line DESIGN.md token spec of bmw.com you drop in for a coding agent to follow
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworks
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing components
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- Details Inspo · 3,500+ web design details filed by component, interaction and industry
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- Huashu Design · Agent skill that renders prototypes, decks, MP4 motion and infographics from prompts
- hue · Agent skill that turns any brand URL or screenshot into a design system
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- One Page Love · 9,079 one-page sites, 8,729 isolated page sections and 275 templates for sale
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCP
- Sections.wtf · ~275 landing-page sections from real sites, sorted into 22 section types
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code plugin
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-code
- Shadcn UI Blocks · 200+ free copy-paste marketing and app blocks built on shadcn/ui
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kit
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetime
- vgpu · Vercel Labs WebGPU library where one WGSL shader renders in the browser, headless in Node.js and as a CI snapshot test
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitives
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source code
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kits
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installable
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them free
- Get Waves · Single-purpose SVG wave generator, now folded into Haikei but still live
- Guizang PPT Skill · Agent skill for single-file HTML decks in editorial or Swiss style, plus social covers
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pages
- hue (hueapp.io) · Landing site and live demo for the hue design-system skill
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfaces
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templates
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs site
- Palm UI · 2,000+ copy-paste website sections for Figma and Framer, $149 once
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring
- ShadcnShip · shadcn blocks pre-wired to Supabase auth, Stripe billing and Resend email
- Shape Divider App · Builds responsive SVG section dividers and hands you the HTML and CSS to paste
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabs
- Spline · Browser-based 3D design tool that exports interactive scenes to React, web components and native
- Supahero · 565 website hero sections in one gallery, now folded into the screensdesign app library
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGs
- Unsection · Gallery of 4,000+ website sections indexed by section type, not by whole page
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistake
- Headers Club · A single-element gallery for header and banner images, currently between versions
- Institute of Health · Webflow marketing site for a functional-nutrition certification course