The good web, kept.
Hand-picked tools, repos, type and reading for web builders.
Design Inspiration
28Shoot DesignA gallery of hand-picked UI shots from real products — search by pattern, flow, or component.Design InspirationPickFreeJul 17
CosmosA visual search and curation engine for creatives — save what catches your eye into boards and it keeps surfacing more of the same.Design InspirationFreemiumSep 4
Curated DesignDesign inspiration pulled from real, live websites rather than mockups — sortable by industry, style, and the section you need ideas for.Design InspirationFreeSep 4
Design SpellsA running collection of the small delightful details — the hovers, transitions, and easter eggs that make an interface feel alive.Design InspirationFreeSep 4
Game UI DatabaseA searchable archive of over a thousand game interfaces, broken down screen by screen — menus, HUDs, inventories, and settings.Design InspirationFreeSep 4
GodlyA curated wall of bold, experimental websites in full-resolution screenshots — filter by style, industry, or the tech behind them.Design InspirationFreeSep 4
HUDS+GUISA gallery of fictional and speculative interface design — the HUDs, dashboards, and screen graphics built for film, games, and concept work.Design InspirationFreeSep 4
Interface In GameVideo game UI catalogued screen by screen — filter by genre, platform, or interface type to see how shipped games solve a pattern.Design InspirationFreeSep 4
LayersA community feed where designers post work in progress and finished shots — closer to a design-focused network than a curated gallery.Design InspirationFreeSep 4
loadmo.reAn archive of unconventional mobile websites — one curator making the case for friction and personality over another identical layout.Design InspirationFreeSep 4
MinimumA tightly edited feed of minimal website design — restrained type, generous space, and very little else to distract from the work.Design InspirationFreeSep 4
RebrandA reference library of brand identity redesigns shown before and after — useful when you need evidence behind a visual direction.Design InspirationFreemiumSep 4
Previews
Design Inspiration
Frontend
11shadcn/uiBeautifully designed, copy-paste React components built on Radix and Tailwind.FrontendPickOpen sourceJul 17
Component GalleryA cross-reference of UI components as they appear in dozens of real design systems — see how everyone else named and built a combobox.FrontendFreeSep 4
AnyAPI — Cheapest, most reliable data379 scraping & data APIs behind one key. Pay per request, auto-failover.SponsoredCursifyCopy-paste custom cursor components for React — trailing dots, magnetic hovers, and canvas effects that replace the default pointer.FrontendOpen sourceSep 4
Fancy ComponentsUnusual React and Motion components for the parts of a site meant to show off — text effects, physics, and deliberately playful hovers.FrontendOpen sourceSep 4
Framer UniversityFree Framer components, templates, and tutorials — drop-in effects and layouts for people building sites in Framer rather than in code.FrontendFreemiumSep 4
Motion PrimitivesAnimated React components built on Motion and Tailwind — copy the source in, tune the springs, and skip writing the transitions yourself.FrontendFreemiumSep 4
NumberFlowA component that animates numbers as they change — digit-by-digit transitions for counters, prices, and dashboards, in React, Vue, or Svelte.FrontendOpen sourceSep 4
React BitsA large collection of animated React components — text effects, backgrounds, and interactions, shipped in JS or TS and CSS or Tailwind.FrontendFreeSep 4
Theatre.jsA motion design library with a visual editor — animate anything in JavaScript, three.js scenes included, and keyframe it in the browser.FrontendOpen sourceSep 4
21st.dev12,000+ hand-crafted React and Tailwind components, templates, and shadcn themes — preview live, install with one command.FrontendFreemiumAug 28
ThreeUICopy-ready Three.js components, WebGL backgrounds, hero sections, and full templates with source.FrontendFreemiumAug 28
Free tiers & credits
API credits, free plans, startup and student programs
- offers
- 80
- need no card
- 68
Featured offerGoogle Cloud AI Startup ProgramUp to $350,000 over 2 years
Design & UI
58LucideA beautiful, consistent open-source icon set with first-class React/Vue/Svelte support.Design & UIPickOpen sourceJul 17
AllumeAn infinite canvas for reading and thinking, previously called Muse — nested boards where documents, sketches, and notes sit side by side.Design & UIPaidSep 4
Best Free FontsA tight, curated shortlist of free typefaces — a couple of hundred picks rather than ten thousand search results to wade through.Design & UIFreeSep 4
BeziCollaborative 3D and spatial design in the browser — prototype an interactive scene with a team the way you would a flat mockup.Design & UIFreemiumSep 4
BitspaceA browser sandbox for creative coding experiments — shaders, generative visuals, and animation prototypes without a local toolchain.Design & UISep 4
BlenderThe open-source 3D suite — modeling, sculpting, animation, simulation, and a production renderer, with no licence to negotiate.Design & UIOpen sourceSep 4
cablesA node-based editor for real-time WebGL visuals — patch the scene together in the browser and export it as a web-ready piece.Design & UIFreemiumSep 4
CavalryProcedural 2D motion design — node graphs and data-driven rigs instead of hand-keyframing a hundred versions of the same asset.Design & UIFreemiumSep 4
CLO3D garment design with real cloth simulation — pattern it, sew it virtually, and see how it drapes before a single piece is cut.Design & UIPaidSep 4
DaVinci ResolveEditing, color, visual effects, and audio post in one application — the free tier alone outclasses most paid video editors.Design & UIFreemiumSep 4
DepthkitVolumetric video capture from depth sensors — record a performance as geometry you can move a camera around long after the shoot.Design & UISep 4
ExcalidrawA hand-drawn-feeling whiteboard for sketching architecture and flows — instantly shareable, and the diagrams never look too finished to change.Design & UIOpen sourceSep 4
Developer Tools
24ViteNext-generation frontend tooling — instant dev server and optimized builds.Developer ToolsPickOpen sourceJul 17
AFFiNEDocs, whiteboard, and database in one local-first workspace — the same content edited as a page or rearranged on an infinite canvas.Developer ToolsOpen sourceSep 4
Are.naA quiet, ad-free place to collect and connect what you find online — blocks and channels in place of an algorithmic feed.Developer ToolsFreemiumSep 4
Claude CoworkAnthropic's agentic working session — point Claude at a folder and it plans and executes multi-step file work, checking in as it goes.Developer ToolsPaidSep 4
Color.reviewA contrast checker you can design inside — nudge two colors side by side and watch the WCAG ratio update against real text samples.Developer ToolsFreeSep 4
DeskflowShare one keyboard and mouse across several computers — a software KVM without the video, running on macOS, Windows, and Linux.Developer ToolsOpen sourceSep 4
EagleA desktop library for design assets — bulk-import images, fonts, and screenshots, then tag and filter until you can find them again.Developer ToolsPaidSep 4
Easing EditorAnime.js's easing playground — shape a curve, preview it on a moving object, and copy the CSS or JavaScript value straight out.Developer ToolsFreeSep 4
Easing FunctionsThe reference sheet for standard easing curves — every ease-in, ease-out, and elastic variant with a live preview and copyable code.Developer ToolsFreeSep 4
Easing GradientsGenerates CSS gradients that fade along an easing curve instead of a straight line — the fix for banded, muddy-looking gradient edges.Developer ToolsFreeSep 4
GranolaA meeting notepad that listens alongside you — it merges your own typed shorthand with the transcript into notes worth rereading.Developer ToolsFreemiumSep 4
LinearIssue tracking built for speed — keyboard-driven triage, cycles, and roadmaps that product teams somehow stop dreading.Developer ToolsFreemiumSep 4
Fresh reading
All feeds
Google ResearchDoes better work always mean better workers?- Dark ReadingOpenAI Agent Escape Causes Wikimedia Service Outage
- The Hacker NewsAttackers Hijack .gh, .sl, and .as Registries to Obtain Certificates for Google Domains
- The GitHub BlogSecret protection must scale with software
- The Hacker NewsEight Malicious npm Packages Downloaded 40,767 Times Deliver Overlord RAT and Stealer
- The Pragmatic EngineerBuilding resilient systems with Sam Newman
Sources
Web performance, JavaScript, and engineering leadership from Google Chrome.
addyosmani.comWerner Vogels (Amazon CTO) on distributed systems and cloud architecture.
allthingsdistributed.comBreaking cybersecurity and technology news, malware analysis, and how-tos.
bleepingcomputer.comAlex Xu explains system design and scalable architecture, visually.
blog.bytebytego.comCloudflare Blog
Networking, performance, security, and edge-computing deep dives.
blog.cloudflare.comEnterprise security news, analysis, and threat coverage.
darkreading.comGoogle Research
AI and computer-science research from Google's teams.
research.googleOpen machine-learning models, datasets, and applied ML tutorials.
huggingface.coJack Clark's weekly briefing on AI research and policy.
importai.substack.comInteractive tutorials on CSS, React, and delightful UI.
joshwcomeau.comTesting, React, and shipping better software.
kentcdodds.comIn-depth security news and investigation by journalist Brian Krebs.
krebsonsecurity.comInterviews and essays on the AI engineering stack, by swyx & friends.
latent.spaceLilian Weng's deep technical write-ups on machine learning.
lilianweng.github.ioRefactoring, patterns, and software design from the author of many seminal books.
martinfowler.comNetflix Tech Blog
Architecture and operations behind one of the largest streaming platforms.
netflixtechblog.comOpenAI
Research, product, and announcements from OpenAI.
openai.comDan Abramov on React, JavaScript, and the mental models behind them.
overreacted.ioIn-depth React, Next.js, and full-stack JavaScript tutorials.
robinwieruch.deCommentary on security, cryptography, and privacy by Bruce Schneier.
schneier.comShopify Engineering
Scaling commerce: Ruby, Rails, data, and infrastructure at Shopify.
shopify.engineeringHands-on notes on LLMs, prompt engineering, and building with AI.
simonwillison.netSlack Engineering
Platform, infrastructure, and product engineering from the Slack team.
slack.engineeringSpotify Engineering
Backend, data, and platform engineering from the Spotify team.
engineering.atspotify.comStripe Blog
Payments, infrastructure, and engineering writing from Stripe.
stripe.comEssays on developer experience, AI engineering, and learning in public.
swyx.ioThe GitHub Blog
Engineering, product, and open-source updates from GitHub.
github.blogBreaking cybersecurity news, vulnerabilities, and threat intelligence.
thehackernews.comGergely Orosz on big-tech engineering, teams, and architecture.
newsletter.pragmaticengineer.comBreaches, web security, and privacy from the creator of Have I Been Pwned.
troyhunt.comRepos we cloned
All
santifer/career-opsCareer OpsJavaScriptOpen-source AI job search that runs inside your coding CLI — scans job portals, scores listings, tailors your CV, and tracks applications.73.7kstars13.8kforksUpdated MIT License
n3r4zzurr0/svg-spinnersSVG SpinnersSVGA collection of 60+ SVG and CSS loading spinners — copy the markup or use them via Iconify.7.0kstars845forksUpdated MIT License
pmndrs/gltfjsxgltfjsxJavaScriptTurns a glTF file into a declarative React Three Fiber component — every mesh addressable in JSX instead of one opaque scene graph.5.9kstars381forksUpdated MIT License
basmilius/meteoconsMeteoconsTypeScriptAnimated weather icons in SVG and Lottie — a fill and a line style, free for any use.1.7kstars173forksUpdated MIT License