Toolbox
The links I keep going back to when I'm designing or building something. 55 of them, sorted by what you're trying to do, each in one line.
Website inspiration 8
Galleries of real sites, for when you need to see how someone else solved it.
Whole sites
- GodlyThe best-looking sites on the web, with live animated previews.godly.website
- SiteInspireHand-picked web design, browsable by style, type and subject.siteinspire.com
- RecentA steady feed of new, well-made web design.recent.design
- MotionSitesAI800+ 3D and motion-heavy sites, each with a prompt to rebuild it with AI.motionsites.ai
Landing pages
One part of the page
App and mobile UI 4
Real screens and flows from shipped products, not concept shots.
Screens and flows
Typography 2
Finding a font, and finding out what font that was.
UI components 12
Code you can drop in. Sorted from plain foundations to single-job pieces.
Foundations: unstyled and accessible, you bring the look
- Radix PrimitivesReactAccessible, unstyled building blocks: dialogs, menus, tabs, popovers.radix-ui.com
- Base UIReactUnstyled, accessible components from the people behind Radix, MUI and Floating UI.base-ui.com
- shadcn/uiReactCopy the source into your project and own it. Built on Radix or Base UI with Tailwind.ui.shadcn.com
Styled and animated kits
- Magic UIReactAnimated components for landing pages; works alongside shadcn/ui.magicui.design
- Aceternity UIReactShowy hero effects and backgrounds in Tailwind and Motion.ui.aceternity.com
- RareUIReact100+ free components in Tailwind and Motion, copy-paste ready.rareui.in
- Beautiful UIReactPolished pieces for AI chat apps: thinking states, approvals, agent replies.beautifului.dev
- 21st.devReactA marketplace of 12,000+ community components, installed with one command.21st.dev
Does one job, very well
Animation libraries 12
Code that moves things. Pick one general library, then add specialists only when you need them.
General purpose: start here
Physics and automatic motion
Scrolling
Between pages
Made by designers, played by code
AI building 2
For when an AI is doing the building and you're directing it.
Directories and profiles 2
Where to find more, and somewhere to put your own.
Nothing here matches that. Try a shorter word, or .
What I re-sorted
My first list was grouped the way I'd found things, not the way I'd use them. A few didn't belong where I'd put them.
- AutoAnimate isn't React-only. It works in Vue, Svelte and plain JavaScript, so it sits with React Spring under physics and automatic motion.
- Barba.js doesn't do scroll. It animates the jump between pages, so it has its own group.
- Theatre.js isn't a 3D engine. It's a timeline editor you use on top of Three.js (or plain page elements).
- Motion isn't React-only any more either; it has a plain JavaScript version.
- Muzli.Me is Muzli's portfolio profile, not an inspiration gallery (that's muz.li).
- MotionSites is two things: the prompts gallery sits with inspiration, Studio with AI building.
- Components were one long list. They're now foundations, styled kits and single-job pieces, because you reach for each at a different moment.
- Awwwards free fonts and Font in Logo moved out of inspiration into their own Typography group.