Features
Marketing Site · 6 checks · 140 resources
The capability page that translates what the product does into what the visitor can do.
Before you ship
- 01Feature grouping — capabilities organised into logical themes so the page is scannable, not a wall of bullet points
- 02Feature descriptions — each explained in one or two sentences from the user's perspective
- 03Feature visuals — screenshots, GIFs or short video clips showing each feature in action
- 04Benefits framing — each feature connected explicitly to an outcome, not just the capability
- 05Social proof per feature — a relevant customer quote placed alongside the feature it relates to
- 06CTA — a conversion point at the bottom and optionally inline for visitors convinced mid-page
Resources that help you build this
- Awesome DESIGN.md · 73 MIT-licensed DESIGN.md brand analyses you drop into a project rootAgent Design ToolingS
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- GSAP · JavaScript animation engine with 19 plugins, now free for commercial useMotion & InteractionS
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agentsGenerative Media ToolsS
- Impeccable · Design skill for AI coding agents: 23 slash commands and 59 detector rulesAgent Design ToolingS
- Modal · Python serverless GPU platform whose site is a dev-tool marketing design referenceDesign Systems & Brand GuidelinesS
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animationMotion & InteractionS
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templatesComponent LibrariesS
- 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
- Radiant · Zero-dependency generative shaders as single HTML files, embedded by iframeTextures, Backgrounds & AssetsS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- 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 Skills · 209 curated design-engineering skills, with MCP and llms.txtAgent Design ToolingS
- 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
- AlignUI · React + Tailwind design system with a code-synced Figma libraryComponent LibrariesA
- Animate Text Skill · Agent skill with 20 specced text animations for any motion libraryAgent Design ToolingA
- Animista · Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensedMotion & 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
- Awwwards Three.js Collection · Awwwards' technology feed of ~2,000 award-judged Three.js sitesInspiration GalleriesA
- BestWebsiteTemplate · 881 Webflow, Framer and Shopify templates, each scored out of 10 by 11 named reviewersBlocks, Templates & ThemesA
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworksTextures, Backgrounds & AssetsA
- Colorion CSS Text Effects · 78 pure-CSS animated text effects; copy the CSS or copy an agent promptMotion & InteractionA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- Craftwork · 40k+ design assets and templates, reachable from an MCP server and a Claude skillTextures, Backgrounds & AssetsA
- Craftwork Curated · 2,212 curated websites plus 2,230 UI sections, filed under 15 industriesInspiration GalleriesA
- 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
- Endless Tools · Browser 3D studio: swap assets into prepared scenes, export 8K, video, GLB or embedsGenerative Media ToolsA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- getdesign.md · Browsable catalog of DESIGN.md brand analyses for AI coding agentsAgent Design ToolingA
- Grainient · 1,409 grainy, smooth and AI-rendered background assets in 4K to 12KTextures, Backgrounds & AssetsA
- Grainient Shader Editor · Real-time shader gradient editor; customize and embed animated backgroundsTextures, Backgrounds & AssetsA
- H1 Gallery · 220 numbered product headlines from real landing pages, updated weeklyInspiration GalleriesA
- Httpster · 3,116 web designs, tagged by 19 visual styles and 29 industries, in plain HTMLInspiration GalleriesA
- 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
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism setsBlocks, Templates & ThemesA
- Inspira UI · MIT animated components for Vue and Nuxt in the style of Aceternity UI and Magic UIMotion & InteractionA
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocksComponent LibrariesA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Minimal Gallery · 2,961 hand-picked minimal websites, tagged by industry, with an open WordPress REST APIInspiration GalleriesA
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLIMotion & InteractionA
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templatesBlocks, Templates & ThemesA
- One Page Love · 9,079 one-page sites, 8,729 sections, 1,603 OG image references and 275 templatesInspiration GalleriesA
- 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 HTMLComponent LibrariesA
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCPMotion & InteractionA
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button packMotion & InteractionA
- Pattern Craft · 257 copy-paste CSS background patterns and gradients, MIT licensedTextures, Backgrounds & AssetsA
- Pexels · Free stock photos and video, free API at 200 req/hour and 20,000/monthTextures, Backgrounds & AssetsA
- Prime Intellect · GPU marketplace and RL training stack behind a monospace, terminal-styled siteDesign Systems & Brand GuidelinesA
- Radiant Shader Gallery · Browsable gallery of 87 free WebGL and Canvas 2D background effectsTextures, Backgrounds & AssetsA
- Recent · Daily-curated feed of websites, OG images, app icons, tools and agent skillsInspiration GalleriesA
- Sections.wtf · ~275 landing-page sections from real sites, sorted into 22 section typesInspiration GalleriesA
- 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
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitionsMotion & InteractionA
- SVGL · 665 optimized brand logos as SVG, with a free JSON APIIcons & LogosA
- 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
- Unicorn Studio · Browser tool that builds WebGL scenes and exports embeds for Framer, Webflow, or ReactTextures, Backgrounds & AssetsA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitivesComponent LibrariesA
- YC Landing Page Structure · Teardown of the shared section order across five YC-backed company landing pagesEssays, Guides & CoursesA
- 48 Laws of Web Design · 48 blunt landing-page rules for startups, with thresholds you can actually checkEssays, Guides & CoursesB
- Adalat AI · Framer-built civic-tech site: stats-led hero, impact page, 37-role careers hubDesign Systems & Brand GuidelinesB
- Animate UI · 73 motion-first React components shipped as a shadcn registryMotion & InteractionB
- BentoGrids · 285 real bento-grid layouts captured from shipping sites and brand workInspiration GalleriesB
- Claude Design · Anthropic's design surface: prompt to prototype, deck or one-pager, exports PPTX/PDF/HTMLAgent Design ToolingB
- Claude Design 2-Hour Course · 118-minute walkthrough: brand to design system to shipped site with Claude DesignEssays, Guides & CoursesB
- ColorHub · 150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kitsColorB
- Curated.design · ~3,500 hand-picked product websites, now a section of the Craftwork marketplaceInspiration GalleriesB
- Dark Mode Design · About 369 hand-picked dark-UI websites, one curator, no tags and no filtersInspiration GalleriesB
- DrawKit · 100+ hand-drawn 2D/3D illustration, icon and Lottie packs; ~40 free, rest behind ProTextures, Backgrounds & AssetsB
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installableMotion & InteractionB
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widgetMotion & InteractionB
- Figure · Humanoid-robot company site kept as a hardware product-marketing referenceDesign Systems & Brand GuidelinesB
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them freeBlocks, Templates & ThemesB
- Making UIs Feel Alive w/ Shaders · Designer essay on replacing hand-built animated gradients with Framer ShadersEssays, Guides & CoursesB
- 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
- Isocons · Free isometric SVG icon set, three perspectives, CC BY 4.0Icons & LogosB
- Lapa Ninja · 7,300+ landing pages plus a 57-element section index, free books and free UI kitsInspiration GalleriesB
- Lukasz Adam Illustrations · ~120 free CC0 SVG illustration and icon sets, one Gumroad bundle, no attributionTextures, Backgrounds & AssetsB
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loopsMotion & InteractionB
- MemryNote · Local-first, end-to-end encrypted notes, tasks, journal and calendar in one desktop appUtilities & NamingB
- Motionin · 53 physics-based, cursor-responsive web sections, each delivered as a build prompt for an AI coding toolAgent Design ToolingB
- 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
- Neuform · Prompt-to-HTML page generator that emits a reusable DESIGN.mdAgent Design ToolingB
- ObsidianUI · Animated React components and blocks through a shadcn registryComponent LibrariesB
- Open CoDesign · MIT desktop app turning prompts into prototypes, slides and PDFs with any modelAgent Design ToolingB
- 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
- Prismic Slice Machine · Local CLI that turns coded slices into a Prismic page builderUtilities & NamingB
- Psychology of a $1M Landing Page · Landing-page structure explained through named cognitive effects and where each appliesEssays, Guides & CoursesB
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licenceMotion & InteractionB
- SaaSFrame · 5,000+ SaaS screens, flows, emails, patterns, responsive views, Figma files and screenshot text searchInspiration GalleriesB
- shadcncraft Free · 22 shadcncraft registry items that install with the plain shadcn CLI, no licence keyComponent 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
- Shots · Browser mockup editor for device frames, screenshots and short clipsTextures, Backgrounds & AssetsB
- Siteinspire · Hand-curated archive of ~8,000 well-designed websites, filtered by style, type and subjectInspiration GalleriesB
- Skiper UI · 106 animated shadcn/ui components installed by registry, mostly behind a $129 licenceComponent LibrariesB
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aestheticComponent LibrariesB
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabsInspiration GalleriesB
- Spell UI · 33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLIMotion & InteractionB
- Spell UI (source repo) · MIT source for Spell UI: 33 React/Tailwind components served as a shadcn registryComponent LibrariesB
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installableComponent LibrariesB
- Spline · Browser-based 3D design tool that exports interactive scenes to React, web components and nativeMotion & InteractionB
- Storyset · Freepik's editable illustrations in 5 styles, animatable, attribution requiredTextures, Backgrounds & AssetsB
- 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
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB
- The 3-Second Clarity Test · Essay on testing whether a product's UI explains itself in three secondsEssays, Guides & CoursesB
- Transition.css · 52 drop-in clip-path enter/exit transitions applied with an HTML attributeMotion & InteractionB
- ui.camera · Product photography for software: studio-quality stills and video of an interface, made in the browserTextures, Backgrounds & AssetsB
- Unsection · Gallery of 4,000+ website sections indexed by section type, not by whole pageInspiration GalleriesB
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kitsComponent LibrariesB
- useLayouts · 64 free animated React components with source installation through the shadcn registryMotion & InteractionB
- WebInspoo · 1,200+ SaaS site screenshots filterable by page type, font, color and stackInspiration 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
- Land-book · Long-running landing-page gallery, behind a Cloudflare wall and a paid tierInspiration GalleriesC
- Mockuuups Bento Grid Examples · Listicle of 9 named sites using bento-grid layouts, with a short read on eachInspiration GalleriesC
- MotionSites · Paid copy-paste prompt packs for Lovable, Bolt, Cursor and ClaudeAgent Design ToolingC
- Parameter (formerly Hex Security) · Dark-mode security SaaS marketing site; the saved hex.co URL now 301s to parameter.aiUtilities & NamingC
- SortUI · Paid Figma design system and Framer section kit, plus six store templatesBlocks, Templates & ThemesC
- Valessa · In-browser 3D product visualiser: upload a model, light it, export video or PNGGenerative Media ToolsC