Websites
The tabs that stay open.
30 sites we actually use while building — components, colour, type, motion, icons, inspiration and the last mile to production. One line each on what it is good for. No logins, no gate.
Components & UI
Copy-paste parts so you stop rebuilding the same card.
The component base half the web is built on — you own the code, not a dependency.
150+ animated components — marquees, beams, text effects — that drop into a shadcn project.
The loud ones: spotlight heroes, 3D cards, background beams. Use one per page, not five.
Small animated React pieces with the code next to the preview.
Motion-ready primitives — the sane layer between raw Motion and a full UI kit.
Hundreds of Tailwind blocks, mostly the boring-but-necessary ones: inputs, tables, dialogs.
Colour & theming
Judge colour on a real layout, not in a swatch grid.
Drops your palette and fonts onto a full landing page and re-renders as you drag.
Visual theme editor for shadcn/ui — every token, not just colours, exported as CSS you commit.
Palettes shown in context, with which colour goes on which element spelled out.
Fast palette generator with contrast checking and export to every format you need.
Type
Pick the pairing before you build the page.
Heading and body font previewed side by side on real UI blocks, in real time.
Free-for-commercial-use typefaces that don't look free. Where Bricolage and Satoshi live.
The default library — self-host the woff2 instead of hotlinking (DSGVO).
Builds a modular type scale and hands you the CSS. Ends the guessed font-size list.
Motion
The libraries behind every site you screenshot for inspiration.
Framer Motion, grown up — the React animation library with the docs to match.
ScrollTrigger and timelines. Free for commercial use since Webflow took it over.
Vector animations that ship as JSON — kilobytes instead of a video file.
Interactive animations with a real state machine — the character that reacts to your cursor.
Icons & assets
Consistent sets, not a folder of mismatched SVGs.
1400+ icons on one grid, one stroke width. The safe default.
Six weights of the same set — thin for UI, fill for emphasis, without switching families.
Illustrations you recolour to your brand before download. No attribution required.
Wraps a screenshot in a device and a background in about ten seconds.
Inspiration
For when the agent keeps building the same page.
Curated hard. Small enough that everything on it is actually worth opening.
Landing pages sorted by industry and style — the fastest way to a reference brief.
Real app flows screen by screen. For onboarding, paywalls and empty states.
Ship it
Hosting, images, favicons — the last mile.
Cheap hosting with one-click installs, a free domain and SSL — the pragmatic pick for client sites.
Push to git, it's live. Where Next.js projects go by default.
Compresses images in the browser with a before/after slider. Nothing leaves your machine.
Every favicon size and manifest entry, generated and checked in one pass.
Real Core Web Vitals from real users, plus the lab run. The number the client will google.
Scout with us
One we're missing?
Send it over on Instagram — the good ones go into the next round.
@stackscout