Inspiration
Where to look
Every source is one card under its own name. Type in the bar to find one, or take a band.
Start here
A shortcut to the ones we open most. Each also sits in its band below.
motionsites.aiVideo melted into the page, scroll-driven heroes, ready background clips.
sceneai.artCopy-paste AI prompts for hero sections, landing pages and animated backgrounds; full access is a paid plan, from 49 dollars a month.
mobbin.comThe biggest library of shipped screens — iOS, Android, web.
godly.websiteThe reference for a site that must feel designed.
60fps.design60fps holds about two thousand recorded interactions from shipped apps, filtered by the…
screensdesign.comVideo teardowns, sorted by revenue.
styles.refero.designTwo thousand product sites taken apart into colours, type, spacing and components, each…
Sites that move 13
Motion galleries, the engine, and scenes built in 3D.
60fps.design60fps holds about two thousand recorded interactions from shipped apps, filtered by the…
motionsites.aiVideo melted into the page, scroll-driven heroes, ready background clips.
sceneai.artCopy-paste AI prompts for hero sections, landing pages and animated backgrounds; full access is a paid plan, from 49 dollars a month.
animos.appTunnels, globes, spirals, wheels, grids, stacks — 59 patterns for showing a set of…
arqe.aiMotion templates, animated device mockups and a stock library for brand work.
codedvisuals.comA library of animated visual compositions for landing pages, built for React and shadcn/ui.
getlayers.aiA library of web templates, 3D WebGL scenes, animated backgrounds and gradients, each…
hano.soA studio for 3D device mockups: pick a device, animate the scene, export the render.
mengto towersAn open-source interactive three.js site: textured 3D towers with weather and…
motion.devThe animation engine behind our motion doctrine — scroll, entrance, spring, gesture, in…
press.stripe.comThe shelf that everyone imitates, and its open-source twin.
surface-motion.comA component studio for showing products with motion.
threeui.comProcedural three.js and WebGL components: hero sections, shaders, backgrounds, full…
Whole sites to look at 23
Finished websites and landing pages, by industry, style and stack.
godly.websiteThe reference for a site that must feel designed.
100 landing pages100 distinct landing-page HTML files, generated in one prompt by Claude Fable 5.1 as a…
a-fresh.websiteE-commerce, SaaS, portfolios, landing pages, sections, emails, popups.
a1.galleryFilterable by kind: agency, landing, portfolio, shop, waitlist.
aura.buildBrowsable landing-page templates and components, with a visual editor on top.
bestdesignsonx.comHourly-updated feed of design work picked from creatives on X: logos, UI, branding.
dark.designHandpicked, by category: agency, AI, software, hardware, web3.
designfuel.comLatest sites, sorted by SaaS, technology, business, finance, marketing.
heroui.proPremium React and React Native components and full-page templates (dashboard, mail,…
inspora.designA curated archive of recent visual design and creative work, updated often.
land-book.comBy industry and by style.
landdding.comDaily new landing-page designs submitted by the design community, upvoted.
landings.devHundreds of pages from leading companies, dark-first.
loadmo.reA curated archive of distinctive mobile websites, mobile-first interface ideas since 2021.
macapp.supplyA hand-picked shelf of beautifully designed macOS apps.
minimal.galleryPortfolios, one-pagers, agencies and shops, chosen for restraint.
modulify.aiProduction-ready website templates to preview and clone into a project.
neuform.aiPrompt-to-landing-page builder with remixable templates and reusable DESIGN.md files.
purelanding.pageLanding pages, by industry and by style.
recent.designA daily-updated feed of recent design work.
saaslandingpage.com950 examples from top-class SaaS companies, filterable by page section.
seesaw.websiteHand-picked web design by category, updated daily.
visualjournal.itBranding, editorial and graphic design inspiration.
App screens, flows and details 7
Shipped screens, onboarding, and the small details that delight.
mobbin.comThe biggest library of shipped screens — iOS, Android, web.
screensdesign.comVideo teardowns, sorted by revenue.
designspells.comDesign details that feel like magic, tagged by kind.
nativebloom.devA handpicked catalogue of React Native UI blocks, each previewed on video.
personalportfolioAn accessible Next.js portfolio to study — structure, accessibility decisions, motion;
sketchbookA page-turn and brass-magnifier interaction in one 48KB HTML — lift the technique, no…
top-welcome-screensSplash and onboarding animation patterns — study the motion, rebuild fresh;
One part of a page 8
When you need the hero, the footer, the navbar, the call to action.
bentogrids.comWhen a page must hold many unequal things.
cta.galleryA gallery of call-to-action designs, for the button and banner that has to convert.
deck.galleryCurated, beautifully designed presentation decks and keynote slides.
footer.designA gallery of website footer designs, sortable by type and style.
navbar.galleryA gallery of website navbar designs, for navigation-pattern reference.
ogfolio.comA curated library of Open Graph share-card images.
posts.designA gallery of the social-media post designs top companies ship.
supahero.ioA handpicked library of website hero sections.
Components and code to take 25
Libraries you copy from, mostly React and Tailwind, mostly free.
21st.devA community registry of React and Tailwind components, templates and shadcn themes,…
Ambient CSSSet one light and every shadow, highlight and surface follows, checked against Blender.
assistant-ui.com59 pieces for AI products — reasoning, tool calls, approvals, artifacts, the composer;
beautifului.devCrafted primitives for AI-native interfaces: chat, thinking states, human-in-the-loop…
beui.devFree, open-source animated components for React and Next.js, built with Motion and Tailwind.
boardui.com72 React dashboard and agentic-interface components and blocks, plus 8 Pro templates,…
collection.componly.coA curated collection of UI components mapped to design-system adoption patterns.
component.galleryHow other people named and built the same part.
elements.ai-sdk.devshadcn/ui-based pieces for chat, workflows, code display, voice — copy-paste or the…
fluidfunctionalism.comOpen-source shadcn/Radix components where every hover and transition serves a purpose.
generativeloaders.com46 loading animations, text/inline/image — adapt the loader CSS into self-contained HTML.
lucide-animated.com350+ animated Lucide icons as React components, MIT licensed, copy-paste ready.
mono-chartsMono Charts: animated React chart components, open source, one CLI command to install.
motion-primitives.comMotion-based React component patterns — copy the pattern, adapt the timing and CSS.
originkit.devA large free animated component library for modern websites, usable via Framer or MCP.
rareui.comA free open-source registry of unusual animated React components.
reactbits.devAnimated components and effects, React and plain JS/CSS — copy a component, strip to the…
smoothui.dev130+ animated React components for shadcn/ui, installable via CLI.
snapcn.devA shadcn registry of Remotion components for React video: captions, device mockups, full…
thinking orbsThinking-orb loading indicators for AI interfaces: nine hand-tuned animated states, npm…
transitions.devUI transitions to copy: card resize, menus, modals, number flips; some behind a Pro plan.
ui.aceternity.com200+ React and Tailwind components, blocks and landing-page templates.
ui.shadcn.comshadcn/ui: the accessible, composable component base most of these other libraries build on.
ui.spectrumhq.inOpen-source animated React components and blocks for SaaS and AI apps.
ui.watermelon.sh600+ free open-source UI components, blocks, dashboards and templates.
Colour, type and marks 12
Palettes, gradients, backgrounds, fonts, icons, logos.
backgrounds.supplyA collection of handcrafted and AI-generated backgrounds, wallpapers and gradients.
gradientool.comA simple colour-gradient generator with a gallery of outputs.
grainient.supply1000+ gradients, animated gradients and grainy AI-generated backgrounds.
happyhues.coPalettes shown in real context — read the hexes as a colour reference.
hugeicons.comIcons that match a type choice.
logggos.clubSorted by industry, colour and kind — wordmark, symbol, animated.
logo-archive.orgThe historical canon of marks.
logobook.comA mark for a venture, a product, a service.
logoinspo.comLogos by industry, colour and kind.
logosystem.coLogos by industry, colour and kind.
uigradients.comA handpicked collection of colour gradients for designers and developers.
uncut.wtfType that is not the default;
Rules to read before building 11
Design systems written down, checklists, and the official guidelines.
styles.refero.designTwo thousand product sites taken apart into colours, type, spacing and components, each…
Apple guidelinesApple's own Human Interface Guidelines: the official design system, with real screens…
brandguidelines.netA directory of real brand style-guide documents, searchable for inspiration.
checklist.designBest-practice checklists per UI element, buttons to forms — read the checklist, apply it…
designsystemchecklist.comAn open-source checklist for planning, building and growing a design system.
designsystems.surfReal design systems, components and foundations from shipped products, browsable by name.
designsystemsrepo.comAn updated collection of design-system examples, resources and articles.
evernote.designA designer bookmark directory — a discovery source Claude can crawl to find more…
getdesign.mdA browsable collection of DESIGN.md analyses drawn from popular real websites.
interfaces.devA magazine about the details that make an interface feel finished.
thedesignsystem.guideA guide, checklist and resource set for setting up a design system.
Made here 5
The studio's own shelves, kept beside the outside sources.
The ways of presenting images59 patterns for showing a set of pictures, each photographed.
Screens taken apartWhat the teardowns showed, read and written up.
Web design trends25 trends in 8 families, each marked fits, care or awareness.
What he pickedThe models Frank chose, kept so they are shown first next time.
What he refused and approvedRead before producing anything meant to be good.
Nothing under that word. Try a shorter one, or clear the bar.
Say look for others and Claude searches these galleries, then brings ten real thumbnails, numbered, one line each. What you pick is kept in what he picked and shown first next time. The full notes behind these sources are in references.md.