Homepage
The top-of-funnel page that has to state what the product is, for whom, and what to do next.
Marketing Site · 9 checks · 228 resources
Before you ship
9- 01Above-the-fold value proposition — one sentence naming the product category and the outcome, readable without scrolling
- 02Primary CTA repeated — the same action in the hero, mid-page and footer, with identical wording
- 03Secondary CTA for the not-yet-ready — book a demo, watch a video, or read the docs
- 04Product visual that shows the actual interface — a real screenshot or short loop, not an abstract illustration
- 05Social proof near the top — customer logos, a headline metric, or a review score
- 06Three to five benefit blocks — each tied to an outcome, each linking to the deeper feature or use-case page
- 07Objection handling — pricing entry point, security posture, and integrations reachable in one click
- 08Meta title, description and Open Graph image — set deliberately, since this page is the most-shared URL
- 09Mobile-first layout — the hero, CTA and proof all legible on a phone without horizontal scroll
Resources that help you build this
228- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Awesome DESIGN.md · 73 MIT-licensed DESIGN.md brand analyses you drop into a project root
- Codrops · Creative front-end tutorials, demos, and a 2,000-site showcase, running since 2009
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- fffuel · 67 free browser generators for SVG backgrounds, patterns, gradients and color tools
- GSAP · JavaScript animation engine with 19 plugins, now free for commercial use
- HTMLrev Free Shadcn Templates · 120 free shadcn/ui templates and starters, indexed on one page
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Impeccable · Design vocabulary and anti-slop detector for AI coding agents
- Impeccable · Design skill for AI coding agents: 23 slash commands and 59 detector rules
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-paste
- Lucide Animated · 467 MIT Lucide icons that animate on hover, with a markdown page for every icon and a skill file written for an agent
- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- Modal · Python serverless GPU platform whose site is a dev-tool marketing design reference
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animation
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templates
- Open Design · Local-first desktop app that turns a coding agent into a design engine
- 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
- Radiant · Zero-dependency generative shaders as single HTML files, embedded by iframe
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- Refero Styles · DESIGN.md files reverse-engineered from real product sites, for agents
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLI
- Rive · Vector animation editor whose State Machine files run natively in app runtimes
- Shader Lab · Browser shader compositor with a WebGPU React runtime for export
- Simple Icons · 3,453 CC0 brand logos with official hex colours and a free colour-aware CDN
- Sleek · An AI mobile app designer built for coding agents, with a REST API, an OpenAPI spec, an agents.md and an installable skill
- ToyFight · Manchester design studio; 47 case studies for Twitch, KFC, GSAP
- UI Skills · 209 curated design-engineering skills, with MCP and llms.txt
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Unsplash · 8.7M free-to-use photos with a free JSON API at 1,000 requests/hour
- 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
- AlignUI · React + Tailwind design system with a code-synced Figma library
- Animate Text Skill · Agent skill with 20 specced text animations for any motion library
- Animista · Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensed
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- Antalik React Effects · npm workspaces monorepo shipping border-beam and liquid-gooey React effect packages
- ASCII Magic · Client-side image and video stylizer: 15 art styles, 4x export, no signup
- BMW DESIGN.md · A 544-line DESIGN.md token spec of bmw.com you drop in for a coding agent to follow
- Awwwards · Juried web design awards with a filterable archive of sites by category and tech stack
- Awwwards Three.js Collection · Awwwards' technology feed of ~2,000 award-judged Three.js sites
- BestWebsiteTemplate · 881 Webflow, Framer and Shopify templates, each scored out of 10 by 11 named reviewers
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Blush · Customizable illustration app: 65+ artist collections, mix-and-match, PNG free, SVG paid
- Border Beam · React component that draws an animated traveling or breathing glow around any element
- 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
- Chema Mendez (mendezmendez) · Portfolio of a Spain-based collage artist compositing old paintings, 3D and AI output
- Colorion CSS Text Effects · 78 pure-CSS animated text effects; copy the CSS or copy an agent prompt
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- Craftwork · 40k+ design assets and templates, reachable from an MCP server and a Claude skill
- Craftwork Curated · 2,212 curated websites plus 2,230 UI sections, filed under 15 industries
- 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
- Endless Tools · Browser 3D studio: swap assets into prepared scenes, export 8K, video, GLB or embeds
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- Footer.design · Gallery of ~695 website footers, filterable by 81 industry types and 36 style tags
- getdesign.md · Browsable catalog of DESIGN.md brand analyses for AI coding agents
- GoodUI · 75 UI ideas and 141 patterns backed by 639 replicated A/B tests
- Grainient · 1,409 grainy, smooth and AI-rendered background assets in 4K to 12K
- Grainient Shader Editor · Real-time shader gradient editor; customize and embed animated backgrounds
- H1 Gallery · 220 numbered product headlines from real landing pages, updated weekly
- Haikei · 15 browser generators that export blob, wave and gradient backgrounds as SVG or PNG
- Hero Patterns · 87 free CC BY repeatable SVG patterns, copied out as a CSS data-URI background
- Hover States · A written archive of web interaction detail, one entry at a time, running without a break since 2012
- Httpster · 3,116 web designs, tagged by 19 visual styles and 29 industries, in plain HTML
- 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
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism sets
- Irasutoya · 25,415 free Japanese kawaii illustrations, 239 categories, public Blogger JSON feed
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocks
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- MagicPattern · 45 background, gradient, halftone and dither generators behind a $10-20/mo plan
- Minimal Gallery · 2,961 hand-picked minimal websites, tagged by industry, with an open WordPress REST API
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLI
- Navbar Gallery · 496 screenshotted site navbars, filtered by 10 nav types and 100+ styles
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templates
- Nucleo SVG Patterns · Free layerable SVG pattern generator with 179 grid, dot, line and tile variants
- One Page Love · 9,079 one-page sites, 8,729 isolated page sections and 275 templates for sale
- Open Doodles · 33 CC0 hand-drawn figure illustrations as direct SVG, PNG and GIF downloads
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCP
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
- Pattern Craft · 257 copy-paste CSS background patterns and gradients, MIT licensed
- Pattern Monster · 460 seamless SVG patterns you recolour in-browser and copy as SVG or CSS
- Pexels · Free stock photos and video, free API at 200 req/hour and 20,000/month
- playgrnd · 39 free generative design tools that run in the browser and export PNG, SVG, animated SVG and video
- Prime Intellect · GPU marketplace and RL training stack behind a monospace, terminal-styled site
- Radiant Shader Gallery · Browsable gallery of 87 free WebGL and Canvas 2D background effects
- Realtime Colors · Preview five colour roles and fonts on a live site, export shadcn or Tailwind tokens
- Recent · Daily-curated feed of websites, OG images, app icons, tools and agent skills
- Recent · Daily curation of design, websites, OG images, app icons, tools, agent skills and jobs
- Ripplix · 7,000+ recorded UI animations from 1,000+ real apps, filterable by element
- 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
- Shapefest · 100,000+ Cinema 4D-rendered 3D shape PNGs, free at 512px
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitions
- SVGL · 665 optimized brand logos as SVG, with a free JSON API
- 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
- Transhumans · CC0 black-and-white character illustrations in SVG and PNG
- Tremor · 40 copy-paste React chart and dashboard components, plus 300+ free blocks
- Uiverse · Community archive of ~4,400 MIT-licensed CSS and Tailwind UI snippets
- Unicorn Studio · Browser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or React
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- 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
- Wild — Craft, Engineered · Vienna studio's scroll manifesto on where human judgment sits in AI design work
- YC Landing Page Structure · Teardown of the shared section order across five YC-backed company landing pages
- Your Creative · Melbourne and Sydney agency; accessibility-led branding and web case studies
- 48 Laws of Web Design · 48 blunt landing-page rules for startups, with thresholds you can actually check
- Adalat AI · Framer-built civic-tech site: stats-led hero, impact page, 37-role careers hub
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source code
- After Design · Subscription design partner for AI founders; 100+ projects, async over Slack
- Animate UI · 73 motion-first React components shipped as a shadcn registry
- Backgrounds Supply · 1,273 handcrafted and AI-made backgrounds in 29 packs, $49 once
- BentoGrids · 285 real bento-grid layouts captured from shipping sites and brand work
- Blank Embrace · Link-in-bio page for a digital mixed-media artist shown in Rome, Milan, NY and Lisbon
- Blank Embrace (Darkroom) · Artist storefront for Blank Embrace, hosted on Darkroom's print-on-demand gallery platform
- Blocs · macOS visual web design app that exports code and WordPress themes
- Claude Code for Designers · Step-by-step guide to going from wireframe to working UI with Claude Code, no coding
- Claude Design · Anthropic's design surface: prompt to prototype, deck or one-pager, exports PPTX/PDF/HTML
- Claude Design 2-Hour Course · 118-minute walkthrough: brand to design system to shipped site with Claude Design
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kits
- Curated.design · ~3,500 hand-picked product websites, now a section of the Craftwork marketplace
- Dark Mode Design · About 369 hand-picked dark-UI websites, one curator, no tags and no filters
- Dither Kit · Dithered React charts, avatars and gradients on one canvas engine
- DrawKit · 100+ hand-drawn 2D/3D illustration, icon and Lottie packs; ~40 free, rest behind Pro
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installable
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widget
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0
- Figure · Humanoid-robot company site kept as a hardware product-marketing reference
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them free
- 10 Framer Shader Presets · Ten copy-ready Framer shader configs with exact color, seed, speed, and noise values
- Making UIs Feel Alive w/ Shaders · Designer essay on replacing hand-built animated gradients with Framer Shaders
- Gallereee · Weekly-updated gallery of designer and studio portfolio sites, filterable by discipline and by visual style
- Get Waves · Single-purpose SVG wave generator, now folded into Haikei but still live
- HelloDani · Warsaw product designer portfolio: SaaS, fintech and AI interface case studies
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and Svelte
- 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
- Humaaans · Mix-and-match CC0 people illustrations for Sketch and Figma, by Pablo Stanley
- Ian Huang (shaoruu.io) · Personal site rendered as a walkable 3D voxel world
- Interfacer · Subscription product-design studio for startups, positioned as designer-plus-vibecoder
- Isocons · Free isometric SVG icon set, three perspectives, CC BY 4.0
- Jakub Antalik · Portfolio of a product designer working on interaction and motion, Design Lead at Fun.xyz
- Kree8 Studio · Startup design studio with public per-page and retainer prices
- Lapa Ninja · 7,300+ landing pages plus a 57-element section index, free books and free UI kits
- loadmo.re · A mobile-only web design archive of alternative sites, cut by about 25 tags from Brutalist to Net.Art
- Lottielab · A Lottie animation editor for product teams, used by a stated 500,000 designers, that ships straight to apps and sites
- Lukasz Adam Illustrations · ~120 free CC0 SVG illustration and icon sets, one Gumroad bundle, no attribution
- Lunagraph · YC-founder design studio, plus a beta canvas that emits React via Claude Code
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loops
- MemryNote · Local-first, end-to-end encrypted notes, tasks, journal and calendar in one desktop app
- 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
- Neuform · Prompt-to-HTML page generator that emits a reusable DESIGN.md
- Open CoDesign · MIT desktop app turning prompts into prototypes, slides and PDFs with any model
- Open Peeps · CC0 hand-drawn people illustrations you mix from modular parts
- 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
- Prismic Slice Machine · Local CLI that turns coded slices into a Prismic page builder
- Psychology of a $1M Landing Page · Landing-page structure explained through named cognitive effects and where each applies
- React Fast Marquee · Single React marquee component driven by CSS animation, ~50 KB unpacked
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licence
- Savee · Ad-free visual bookmarking for designers, with extensions, a Figma plugin and boards
- shadcncraft Free · 22 shadcncraft registry items that install with the plain shadcn CLI, no licence key
- 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
- ShapeFactory · Five free browser tools: logo maker, LAB palettes, LAB gradients, duotone, QR gallery
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Shots · Browser mockup editor for device frames, screenshots and short clips
- Siteinspire · Hand-curated archive of ~8,000 well-designed websites, filtered by style, type and subject
- Skiper UI · 106 animated shadcn/ui components installed by registry, mostly behind a $129 licence
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aesthetic
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabs
- Spell UI · 33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLI
- Spell UI (source repo) · MIT source for Spell UI: 33 React/Tailwind components served as a shadcn registry
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installable
- Spline · Browser-based 3D design tool that exports interactive scenes to React, web components and native
- Storyset · Freepik's editable illustrations in 5 styles, animatable, attribution required
- Sue Ellen Zhang · A painter's portfolio with a generative section of nine abstract works, each carrying a written colour description
- 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
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid components
- The 3-Second Clarity Test · Essay on testing whether a product's UI explains itself in three seconds
- Transition.css · 52 drop-in clip-path enter/exit transitions applied with an HTML attribute
- ui.camera · Product photography for software: studio-quality stills and video of an interface, made in the browser
- Unsection · Gallery of 4,000+ website sections indexed by section type, not by whole page
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kits
- useLayouts · 26 Motion-driven micro-interaction components installable via the shadcn CLI
- UX Pilot · AI generates wireframes and hi-fi UI screens, then exports them into Figma
- WebInspoo · 1,200+ SaaS site screenshots filterable by page type, font, color and stack
- Yield Branding · Cairo one-man branding studio with fixed-price identity packages
- Brand Assets Generator · Canvas generator for technical-diagram brand imagery, PNG or SVG
- Behance · Adobe's portfolio platform: long-form creative case studies, no public API since shutdown
- Blank Embrace Web3 Links · Six-link Carrd hub pointing to Blank Embrace's NFT marketplace profiles
- Cuicui Books · One copy-paste React 3D book-cover component, hover-rotated, Tailwind-styled
- Drapz · Solo brand and web designer; flat fee, unlimited requests
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistake
- Hard Launch · One-line Framer site for a founder launch outfit; almost no readable content
- Headers Club · A single-element gallery for header and banner images, currently between versions
- Inspo AI · AI search over a UI reference library, plus moodboards and brand scans
- Institute of Health · Webflow marketing site for a functional-nutrition certification course
- Land-book · Long-running landing-page gallery, behind a Cloudflare wall and a paid tier
- Mockuuups Bento Grid Examples · Listicle of 9 named sites using bento-grid layouts, with a short read on each
- Monochrome Studio · Zurich textile atelier: color research, pattern, print, embroidery and trend work
- MotionSites · Paid copy-paste prompt packs for Lovable, Bolt, Cursor and Claude
- Oakline Studio · Two-page Framer site selling product design and Framer builds
- Parameter (formerly Hex Security) · Dark-mode security SaaS marketing site; the saved hex.co URL now 301s to parameter.ai
- Recent Work · Invite-only portfolio platform for creative professionals, on a waitlist as of August 2026
- SortUI · Paid Figma design system and Framer section kit, plus six store templates
- SVG Backgrounds · 200+ browser-customizable SVG website backgrounds, 48 free, rest on a $120/yr plan
- Ultramock · Browser mockup generator for device frames, 3D scenes, and video
- Valessa · In-browser 3D product visualiser: upload a model, light it, export video or PNG