Tony Lee
Tony Lee
← Voltar

Referências de design

Uma biblioteca de ferramentas de design e referências de UI.

Article

Rebrand Gallery

rebrand.gallery

A curated gallery of rebrands and visual identities. You can watch the unveiling of the design system and the rebrand reveal video.

#watch
Article

MSCHF

mschf.com

A studio whose creative practices and subjectivity aim to have the cultural power to compete with global companies, celebrities, and the media.

#watch
Article

Roam

roam.neesh.page

An infinite canvas for viewing well-designed objects.

#watch
Article

Transitions.dev

transitions.dev

A site that collects standard transitions for web applications. You can copy and paste CSS and React code. Operated by Jakub Antalik.

#use
Article

Hannah Hearth

hannahhearth.com

In Show and Tell, Hannah Hearth introduces the tools actually used by Vercel's product design team. Introducing Codex, Claude, Conductor, Paper, UI Fork, Figma MCP, Timeless, Cleanshot, and more.

#read
Article

Linear

linear.app

The essence of design is not the output, but understanding the problem and deciding what should exist. Linear CEO Karri Saarinen writes about what the "speed" of AI can cause us to lose sight of.

#read
Article

openai/realtime-voice-component

github.com

Voice operation UI component for React/browser. Based on OpenAI Realtime, it provides UI control that calls narrow tools defined by the app from voice.

#build
Article

EvilCharts

evilcharts.com

An open source charting UI library built with shadcn and Recharts. Featuring carefully hand-crafted components.

#use
Article

Refto

refto.one

A site that brings together curated website inspiration, landing page examples, portfolios, SaaS, and interaction design patterns in one searchable gallery.

#explore
Article

Design Systems Report

report.zeroheight.com

Management buy-in is declining and hiring is stagnant. Meanwhile, AI is changing the tide. 2026 Trend Report collected from design system practitioners around the world.

#read
Article

Loading UI

loading-ui.com

A collection of free and open source CSS/React loaders, spinners, and animations. Create elegant and accessible loading states for modern web apps.

#use
Article

Devouring Details

devouringdetails.com

An interactive reference manual for designers interested in interaction.

#learn
Article

Skiper UI

skiper-ui.com

A quirky new component for Next.js projects. Easily installed via shadcn CLI 3.0, the collection is rapidly expanding and easy to edit and use.

#use
Article

CTA Gallery

cta.gallery

A call-to-action (CTA) inspiration gallery for designers.

#explore
Article

web-kits/audio

audio.raphaelsalaja.com

A declarative audio synthesis library for the web. Sounds can be defined as plain objects and played with a single function call.

#use
Article

CyberAgent Developers

developers.cyberagent.co.jp

A reflection on crossing job boundaries in the AI era, with concrete examples of designers reaching into implementation using Cursor at AmebaLIFE.

#read
Article

browser-use/video-use

github.com

An open source skill that automates video editing on Claude Code. Generate edited final.mp4 from the material.

#use
Article

UNCUT

uncut.wtf

A free typeface catalog specializing in modern typefaces. Currently 163 typefaces are listed.

#use
Article

cathrynlavery/diagram-design

github.com

13 editorial quality diagram templates for Claude Code. It's self-contained with just HTML and SVG, and there's no shadow or mermaid smell.

#use
Article

HyperFrames

hyperframes.heygen.com

HyperFrames is a tool that uses AI agents to write HTML/CSS/JS and assemble videos. Apache 2.0 open source for the community from HeyGen.

#build