Biblioteca

Skill pra Claude Code que faz design responsivo no método: descreve o comportamento do layout antes do CSS.

Skill pra Claude Code, Cursor e afins que monta um design system completo a partir do briefing do projeto.

Plataforma de criação de conteúdo visual com IA que oferece geração de vídeos, imagens, personagens e efeitos visuais com controle cinematográfico.

Plataforma para criar, compartilhar e baixar animações Lottie prontas para usar em web e apps.

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

Revisões de design automatizadas para código gerado por IA. Detecta problemas de acessibilidade e bugs visuais em React, Vue, Svelte e mais.

Componentes React prontos para usar com efeitos visuais incríveis, gratuitos e open source. Para deixar a web mais divertida.

Um painel de controle flutuante para React com sliders, toggles, color pickers, editores de spring e botões de ação conectados diretamente à sua UI.

1 skill, 20 comandos e anti-padrões curados para design frontend impecável. Compatível com Cursor, Claude Code, Gemini CLI e Codex CLI.

Transições de texto fluidas alimentadas pelo Motion. Biblioteca para animações tipográficas elegantes em React.

Uma coleção curada de gráficos de easing para animações, com visualização interativa de curvas de bezier.

Converta, gere e explore cores OKLCH — ferramenta poderosa para construir paletas de cores únicas e uniformes.

Componente de menu de comandos rápido e sem estilo para React. Interface de busca e ações no estilo paleta de comandos.

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

Descubra as 11 melhores fontes para design de websites, essenciais para todo designer. Este artigo explora opções populares que equilibram impacto visual e versatilidade, ajudando a criar experiências digitais atraentes e legíveis.

Mais de 700 efeitos sonoros de UI curados para apps web modernos.

Feedback háptico para a web mobile. Adicione sensações físicas às interações do seu app.

Um componente de toast opinativo para React, com animações fluidas e API simples.

Durves é uma ferramenta de design e padrões, criada por Filipe Esteves. Atualmente está em backlog, com a versão 1.0.2 disponível. Para mais informações,

Pablo Stanley compartilha no X uma dica para criar imagens glitchy, ASCII e dither usando o MCP do @efectodotapp. Basta instalar com npx @efectoapp/mcp-server install e pedir ao seu agente de IA, como Claude, para criar. Mais informações em

O "Best Free Fonts" é uma seleção curada de 214 fontes gratuitas, incluindo estilos serif, sans serif, script e monospace.

Supa Colors é uma ferramenta que permite criar sistemas de cores prontos para produção com precisão visual e acessibilidade. Oferece exportação para CSS, Tailwind, Figma e outros formatos.

Brandon Nickerson oferece fontes gratuitas e design gráfico em seu portfólio. Contribuições são apreciadas para apoiar seu estúdio. Inscreva-se para atualizações sobre novas fontes sem spam.

é um software online para salvar e organizar conteúdos importantes, descrito como "playlists, mas para ideias". Com uma comunidade de 18.