The collection

Featured

Creative developer portfolio where you drive a small car through a 3D world.

Featured

Collaborative design tool in the browser, from idea to prototype and developer handoff.

Featured

Product page of the Linear project management tool: dark, sharp and precise.

Featured

Digital production studio whose site unfolds interactive, physics-driven 3D.

Featured

Library of real mobile and web app screenshots, organised by screen, flow and UI pattern.

Featured

Accessible React components you copy into your project, built on Radix and Tailwind.

Featured

Interactive animation tool with state machines, exported to lightweight runtimes for web and apps.

Featured

Website editor for designing, animating and publishing without leaving the canvas.

Open-source JavaScript library that brings 3D to the browser, with a huge gallery of examples.

Publication of visual essays that explain cultural topics with data.

Creative studio specialising in immersive, real-time web experiences.

JavaScript animation library with timelines, ScrollTrigger and many plugins.

Collection of curious, educational web games and experiments.

Site of the Stripe payments platform, known for its clarity and product visuals.

Personal site of a designer and developer, fully redesigned every year.

Utility-first CSS framework for building interfaces right in your markup.

Consistent open-source stroke icon set, available for every framework.

New Zealand type foundry, with specimens and essays about its typefaces.

Site of the Swedish maker of instruments and electronic objects with a recognisable design.

A developer's blog explaining CSS and React through interactive demos.

Quality HDRIs, textures and 3D models, completely free and in the public domain (CC0).

Catalogue of open-source fonts ready for the web, with many variable fonts.

Online shop of the Aesop skincare brand, with a warm editorial feel.

Montreal digital agency known for finely crafted scrolling sites.

Site of a design engineer, full of interface experiments and careful details.

Animation library for React and JavaScript, formerly Framer Motion.

Flexible icon family in six weights, from thin to fill.

Professional fonts, free including for commercial use, published by Indian Type Foundry.

Visual website builder that produces real HTML/CSS, with built-in CMS and hosting.

Page of the Raycast launcher, dark and luminous at once.

Design and development studio with a dark, technical site full of character.

Freelance designer and developer portfolio, sober and highly animated.

Collaborative 3D tool in the browser for building interactive scenes you can embed on the web.

Reviews and critiques of new brand identities, with detailed before and after.

Platform for gathering ideas into collections, without ads or algorithms.

Design agency known for its cursors, transitions and animated interactions.

Creative agency regularly awarded for typographic, animated websites.

Interactive designer portfolio with fluid transitions between projects.

Gallery of remarkable websites shown as video to capture their motion.

Browser support tables for web platform features.

A collection of key psychology principles applied to interfaces, each illustrated and sourced.

Site of the Vercel deployment platform, geometric and monochrome.

Front-end developer portfolio, clear and efficient, widely cited as a model.

Google's design system: principles, components, tokens and dynamic theming.

Online magazine about graphic design, illustration and contemporary visual culture.

Independent foundry with colourful specimens and free trial versions.

Site of the independent design agency Pentagram and its work.

Fast colour palette generator, with contrast checks and export.

Vercel's AI assistant that generates React interfaces from a description or an image.

Collaborative archive of typography in use: posters, books, identities, websites.

Stockholm creative studio designing websites and digital products.

Personal site of a design engineer, reduced to the essentials.

SVG icons drawn by the Tailwind CSS team, in outline and solid.

Generator for presenting screenshots inside devices and scenes.

Font recommendations, pairings and websites spotted for their typography.

Visual and sound instrument: each keyboard key triggers a sound and an animation.

AI-generated sitemaps and wireframes for websites, exportable to Figma and Webflow.

Free SVG illustrations whose main colour you choose before downloading.

Visual workspace for flowcharts, wireframes, mind maps and docs.

Analysis blog dedicated to identity, packaging and editorial design.

Generator for SVG shapes and backgrounds: waves, blobs, gradients and patterns, exportable in one click.

High-fidelity prototyping with logic, variables and device sensors.

Gallery of landing pages and websites sorted by type, style and industry.

Platform and library of lightweight, ready-to-embed Lottie animations.

Atlassian's design system, with foundations, tokens, components and content guidelines.

User journeys recorded on video: sign-up, onboarding, checkout, cancellation and many more.

Library of hand-drawn characters to combine freely, in the public domain (CC0).

Colour generator that learns your taste to suggest palettes and pairings.

Designer community sharing short visuals and finding freelance work.

Library of realistic photographic mockups to stage screens and objects.

Low-fidelity wireframing tool with a hand-drawn look.