Hero
63 resources ship this component · Layout
Also called: jumbotron, hero banner, above the fold, splash section, header hero.
Ships it
- The Component Gallery · 60 UI components cross-referenced against 95 real design systemsDesign Systems & Brand GuidelinesS
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animationMotion & InteractionS
- Open Design · Local-first desktop app that turns your coding agent into a design engineAgent Design ToolingS
- Paper Shaders · 30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0Textures, Backgrounds & AssetsS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP serverComponent LibrariesS
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themesComponent LibrariesA
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocksComponent LibrariesA
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanillaMotion & InteractionA
- BMW DESIGN.md · A 544-line DESIGN.md token spec of bmw.com you drop in for a coding agent to followAgent Design ToolingA
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworksTextures, Backgrounds & AssetsA
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing componentsComponent LibrariesA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- Details Inspo · 3,500+ web design details filed by component, interaction and industryInspiration GalleriesA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- Huashu Design · Agent skill that renders prototypes, decks, MP4 motion and infographics from promptsAgent Design ToolingA
- hue · Agent skill that turns any brand URL or screenshot into a design systemAgent Design ToolingA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- One Page Love · 9,079 one-page sites, 8,729 sections, 1,603 OG image references and 275 templatesInspiration GalleriesA
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCPMotion & InteractionA
- Sections.wtf · ~275 landing-page sections from real sites, sorted into 22 section typesInspiration GalleriesA
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code pluginBlocks, Templates & ThemesA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-codeBlocks, Templates & ThemesA
- Shadcn UI Blocks · 200+ free copy-paste marketing and app blocks built on shadcn/uiBlocks, Templates & ThemesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UIComponent LibrariesA
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kitBlocks, Templates & ThemesA
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetimeTextures, Backgrounds & AssetsA
- vgpu · Vercel Labs WebGPU library where one WGSL shader renders in the browser, headless in Node.js and as a CI snapshot testTextures, Backgrounds & AssetsA
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitivesComponent LibrariesA
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source codeTextures, Backgrounds & AssetsB
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kitsColorB
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installableMotion & InteractionB
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0Blocks, Templates & ThemesB
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them freeBlocks, Templates & ThemesB
- Get Waves · Single-purpose SVG wave generator, now folded into Haikei but still liveTextures, Backgrounds & AssetsB
- Guizang PPT Skill · Agent skill for single-file HTML decks in editorial or Swiss style, plus social coversAgent Design ToolingB
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pagesBlocks, Templates & ThemesB
- Hover.dev · Animated React and Tailwind components, sections and three landing-page templatesMotion & InteractionB
- hue (hueapp.io) · Landing site and live demo for the hue design-system skillAgent Design ToolingB
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfacesAI Interface KitsB
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templatesBlocks, Templates & ThemesB
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs siteBlocks, Templates & ThemesB
- Palm UI · 2,000+ copy-paste website sections for Figma and Framer, $149 onceBlocks, Templates & ThemesB
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiringComponent LibrariesB
- ShadcnShip · shadcn blocks pre-wired to Supabase auth, Stripe billing and Resend emailComponent LibrariesB
- Shape Divider App · Builds responsive SVG section dividers and hands you the HTML and CSS to pasteTextures, Backgrounds & AssetsB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Solace UI · Marketing page blocks for Next.js, Tailwind, and MotionBlocks, Templates & ThemesB
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabsInspiration GalleriesB
- Spline · Browser-based 3D design tool that exports interactive scenes to React, web components and nativeMotion & InteractionB
- Supahero · 565 website hero sections in one gallery, now folded into the screensdesign app libraryInspiration GalleriesB
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGsBlocks, Templates & ThemesB
- Unsection · Gallery of 4,000+ website sections indexed by section type, not by whole pageInspiration GalleriesB
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistakeBlocks, Templates & ThemesC
- Headers Club · A single-element gallery for header and banner images, currently between versionsInspiration GalleriesC
- Institute of Health · Webflow marketing site for a functional-nutrition certification courseInspiration GalleriesC