Design

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

112 Referências
Use

21st.dev

Um registro de agentes de IA e marketplace de componentes UI para lançar produtos...

21st.dev
Use

Agentation

Uma ferramenta de feedback visual que transforma anotações de UI em contexto...

agentation.dev
Build

Open Design

Primeira alternativa local de código aberto ao Anthropic Claude Design.

open-design.ai
Explore

getdesign.md

Procure inspirações de sistemas de design em sites populares.

getdesign.md
Explore

Motion

60fps é uma coleção com curadoria de animação UI/UX e detalhes de design de...

60fps.design
Use

Lazyweb MCP

Um contexto de design para aterrar agentes de IA.

lazyweb.com
Learn

AB Tests

Uma galeria de exemplos de testes A/B para aprender o que muda o comportamento do...

abtest.design
Use

Pencil

Uma ferramenta de design baseada em canvas que transforma ideias de produto em...

pencil.dev
Explore

Inspiration

Um arquivo de microinterações, ovos de Páscoa e pequenos detalhes de design que...

designspells.com
Use

Onlook

Onlook é um editor de código visual de última geração que permite que designers e...

onlook.com
Learn

Breakdowns

Uma galeria detalhada que detalha a IU de produtos reais, como Wise, Tesla,...

uxsnaps.com
Use

Claude Design

Acelere a crítica de design, a redação de experiência do usuário, as auditorias de...

claude.com
Use

UI components

Um guia prático para componentes de interface reutilizáveis e decisões de UI.

uiplaybook.dev
Use

Agentic UI

O primeiro sistema de design de nível empresarial do mundo para a construção de...

agenticui.net
Use

Montage Design System

Sistema de design de produto da Wanted para marca, tipografia, componentes e padrões...

montage.wanted.co.kr
Learn

Vercel Design

Página de introdução da equipe de design da Vercel.

vercel.com
Explore

The Component Gallery

Um repositório atualizado de componentes de interface e sistemas de design,...

component.gallery
Explore

Awesome Design Systems

Lista incrível de sistemas de design.

git.io
Explore

Design Systems Repo

Uma coleção organizada e frequentemente atualizada de exemplos, recursos,...

designsystemsrepo.com
Explore

Adele

Dezenas de sistemas de design e bibliotecas de padrões que foram minuciosamente...

adele.uxpin.com
Learn

UI Design Dictionary

Um dicionário bilíngue leve de padrões de UI e terminologia de codificação de...

ui-design-dictionary.pages.dev
Read

Design Systems Report

A adesão da administração está diminuindo e as contratações estão estagnadas.

report.zeroheight.com
Read

OpenAI Developers

Técnicas práticas para direcionar o GPT-5.4 para designs de front-end sofisticados e...

developers.openai.com
Read

Anthropic Engineering

A Anthropic é uma empresa de segurança e pesquisa de IA que trabalha para construir...

anthropic.com
Read

AIUX

Uma estrutura de 36 padrões de design AI UX documentados por ChatGPT, Claude, GitHub...

aiuxdesign.guide
Learn

Impeccable

1 habilidade, 20 comandos e antipadrões selecionados para um design de front-end...

impeccable.style
Use

Taste Skill

Taste Skill dá "sentido" ao seu agente de IA.

tasteskill.dev
Use

addyosmani/agent-skills

Habilidades de engenharia de nível de produção para agentes de codificação de IA.

github.com
Use

plugin87/ux-ui-agent-skills

Uma coleção de habilidades que transformam Claude em um arquiteto sênior.

github.com
Use

sleekdotdesign/agent-skills

Contribua para o desenvolvimento de elegantedotdesign/agent-skills criando uma conta...

github.com
Use

VoltAgent/voltagent

Coleção de arquivos DESIGN.md que capturam sistemas de design de sites populares.

github.com
Use

anthropics/skills

Repositório público para habilidades do agente.

github.com
Use

assistant-ui

Biblioteca TypeScript/React para UI de bate-papo AI

assistant-ui.com
Use

HeroUI

Conjunto de componentes bonito e personalizável.

heroui.com
Use

Skiper UI

Um novo componente peculiar para projetos Next.js.

skiper-ui.com
Use

React Bits

Uma coleção de código aberto de componentes React de alta qualidade, animados,...

reactbits.dev
Use

bazza/ui

Uma coleção de componentes React bonitos e modernos.

ui.bazza.dev
Use

Unified UI

Crie interfaces bonitas com mais rapidez com mais de 50 componentes React acessíveis...

unified-ui.space
Build

lukilabs/beautiful-mermaid

Uma biblioteca de estilos para Mermaid que transforma diagramas gerados por agentes...

github.com
Use

Excalidraw MCP

Um servidor MCP do Excalidraw com streaming para agentes de IA desenharem diagramas...

plus.excalidraw.com
Build

Pretendard

Uma fonte alternativa de interface do sistema multiplataforma para interfaces de...

cactus.tistory.com
Use

Wanted Design Library

Uma biblioteca de design aberta com tipografia, grades, ícones, paletas de cores e...

figma.com
Build

Open Foundry

Um site que faz curadoria de fontes de código aberto há mais de 10 anos.

open-foundry.com
Use

Dembrandt

Extraia sistemas de design de sites (logotipo, cores, tipografia, bordas, etc.) como...

dembrandt.com
Build

Pixel Perfect UI

Uma biblioteca de componentes React com animações desenvolvidas por GSAP.

pixel-perfect.space
Read

userinterface.wiki

Um manual vivo para uma interface melhor.

userinterface.wiki
Learn

Pacome Pertant

Portfólio de Pacôme Pertin, designer de movimento e som radicado em Paris.

pacomepertant.com
Use

Tweakpane

Painel compacto para ajustar parâmetros e observar alterações de valores

tweakpane.github.io
Build

Flue

Estrutura de chicote de agente feita por TypeScript.

flueframework.com
Watch

Contra Labs

Laboratório de Avaliação de Dados Humanos, onde mais de 1,5 milhão de criadores...

contralabs.com
Explore

Refero Styles

Uma biblioteca de estilos de design de serviços famosos com curadoria no formato...

styles.refero.design
Watch

DEEO Artifacts

Uma coleção de experimentos interativos/de movimento para pessoas curiosas.

artifacts.deeo.studio
Watch

Rebrand Gallery

Uma galeria com curadoria de rebrands e identidades visuais.

rebrand.gallery
Read

Hannah Hearth

Em Show and Tell, Hannah Hearth apresenta as ferramentas realmente utilizadas pela...

hannahhearth.com
Watch

MSCHF

Um estúdio cujas práticas criativas e subjetividade visam ter o poder cultural para...

mschf.com
Watch

Roam

Uma tela infinita para visualizar objetos bem desenhados.

roam.neesh.page
Use

Transitions.dev

Um site que coleta transições padrão para aplicativos da web.

transitions.dev
Use

EvilCharts

Uma biblioteca de UI de gráficos de código aberto construída com shadcn e Recharts.

evilcharts.com
Read

Linear

A essência do design não é o resultado, mas a compreensão do problema e a decisão do...

linear.app
Build

openai/realtime-voice-component

Componente UI de operação de voz para React/navegador.

github.com
Explore

Refto

Um site que reúne inspiração de sites selecionados, exemplos de páginas de destino,...

refto.one
Learn

Devouring Details

Um manual de referência interativo para designers interessados ​​em interação.

devouringdetails.com
Use

Loading UI

Uma coleção de carregadores, spinners e animações CSS/React gratuitos e de código...

loading-ui.com
Explore

CTA Gallery

Uma galeria de inspiração de call to action (CTA) para designers.

cta.gallery
Use

web-kits/audio

Uma biblioteca declarativa de síntese de áudio para a web.

audio.raphaelsalaja.com
Use

browser-use/video-use

Uma habilidade de código aberto que automatiza a edição de vídeo no Claude Code.

github.com
Use

UNCUT

Um catálogo de fontes gratuito especializado em fontes modernas.

uncut.wtf
Use

cathrynlavery/diagram-design

13 modelos de diagrama de qualidade editorial para Claude Code.

github.com
Build

HyperFrames

HyperFrames é uma ferramenta que usa agentes de IA para escrever HTML/CSS/JS e...

hyperframes.heygen.com
Use

pablodelucca/pixel-agents

escritório de pixels.

github.com
Watch

Curated Supply

Um site de curadoria de produtos altamente projetados.

curated.supply
Explore

Selected Site

Uma coleção cuidadosamente selecionada de ferramentas, recursos e inspiração para...

selected.site
Use

Wiretext

Uma ferramenta de design espacial onde tudo é renderizado como caracteres de linha...

wiretext.app
Use

Fontshare

Um serviço de fontes gratuito fornecido pela Indian Type Foundry (ITF).

fontshare.com
Use

autoskills

Detecte sua pilha de tecnologia e instale automaticamente as melhores habilidades de...

autoskills.sh
Use

Colors & Fonts

Uma ferramenta que permite gerar uma escala de cores completa a partir de uma cor...

colorsandfonts.com
Explore

mesh3d

Uma galeria com curadoria apresentando sites 3D e interativos cuidadosamente...

mesh3d.gallery
Use

Mesurer

Meça e alinhe tudo no localhost.

mesurer.ibelick.com
Read

Anna E. Cook

À medida que as equipes usam ferramentas de IA para gerar protótipos de alta...

annaecook.com
Use

dominikmartn/nothing-design-skill

Uma habilidade do Claude Code para gerar UI na linguagem de design Nothing.

github.com
Use

Boneyard

Estrutura de carregamento de esqueleto gerada automaticamente

boneyard.vercel.app
Use

CSS Studio

Um editor visual de CSS no seu navegador.

cssstudio.ai
Use

Liveline

Gráfico de linhas animado em tempo real para React.

benji.org
Use

AI Designer

Designer de UI/UX de IA.

aidesigner.ai
Explore

Font Of Web

Seu feed diário de inspiração de design do mundo real.

fontofweb.com
Explore

Brand Archive

Potencialize a pesquisa de sua marca com Brand Archive.

brandarchive.xyz
Explore

Godly

Uma curadoria escolhida a dedo de mais de 1.000 dos melhores sites de IA, Web3,...

godly.website
Watch

Notch

História de como construí um Macbook Notch quase perfeito para web.

iamnoman.com
Explore

Shopify Design

Faça o novo normal.

shopify.design
Learn

Lessons of Design

As reflexões de um designer sobre por que ele projeta dessa maneira e o que aprendeu...

lessons.design
Use

Onigiri

Moontype é uma fundição de tipos com sede em Hamburgo e Estocolmo, dirigida por Pia...

moontype.de
Explore

Cosmos

Uma casa para a curadoria do seu universo

cosmos.so
Explore

companies.sh

Descubra e instale empresas de agentes de IA.

companies.sh
Use

little-hands/claude-drawio-skill

Habilidade para criar, ler e editar diagramas draw.io de Claude Code.

github.com
Use

Pretext

Biblioteca JavaScript/TypeScript pura para medição e layout de texto multilinha.

chenglou.me
Explore

SearchSystem

Um site de curadoria que coleta referências e ferramentas para designers.

searchsystem.co
Use

Textura

Pretexto x Yoga = Textura.

geometra.razroo.com
Use

fab ui

Uma biblioteca de componentes para React/Next.js construída com Base UI e Tailwind CSS.

fab-ui.com
Explore

Logo System

Uma biblioteca de inspiração com mais de 1000 designs de logotipos.

logosystem.co
Read

Stronger Design Principles

Uma das partes mais difíceis de escrever princípios é garantir que eles sejam...

mynameisjehad.com
Explore

Detail

Um estudo com curadoria das pequenas decisões de design que fazem os produtos...

detail.design
Learn

UI Skills

Um conjunto de habilidades para aprimorar interfaces construídas por agentes.

ui-skills.com
Use

Skills.sh

Descubra e instale habilidades para agentes de IA.

skills.sh
Read

Interface Craft

Uma biblioteca funcional para aqueles comprometidos em projetar com cuidado incomum.

interfacecraft.dev
Use

ui.sh

Um kit de ferramentas para assistentes de codificação como Claude Code, Cursor e...

ui.sh
Read

Cursouls

Transforme seus agentes do Cursor AI em pequenos personagens de pixels que vivem em...

cursouls.xyz
Explore

DesEngs

Uma coleção selecionada de recursos de engenharia de design.

desengs.com
Use

Dictar

Dictar é um aplicativo de voz para texto no dispositivo.

dictar.app
Learn

Emil Kowalski

Um arquivo de habilidades baseado nos artigos escritos no site pessoal de Emil Kowalski.

emilkowal.ski
Build

Rams

Revisões automatizadas de design para código gerado por IA.

rams.ai
Use

Refero

A maior coleção de referências UI/UX e inspiração de design para web e iOS.

refero.design
Explore

Variant

Insira uma ideia para um aplicativo ou site e veja inúmeras opções de design apenas...

variant.com