Repolode
Enviar
nolly-studio

nolly-studio/cult-ui

Componentes animados gratuitos para React, com licença MIT, feitos com Tailwind CSS e Motion e projetados para instalação em projetos shadcn/ui.

Ver no GitHubSite
Estrelas
6,629
Forks
350
Issues abertas
16
Último commit
há 6 dias

O que é?

Cult UI é uma coleção com mais de 150 componentes de UI animados para projetos React que usam shadcn/ui. Cada componente é publicado como um item de registry do shadcn/ui, então o shadcn CLI copia o código-fonte para o seu projeto, onde você pode editar o código diretamente.

Os componentes são escritos em TypeScript, usam Tailwind CSS v4 e tokens de tema do shadcn para estilização, e a maioria usa Motion para animações. Cada página da documentação lista as dependências. A instalação pode ser feita apontando o CLI para a URL JSON de um componente específico ou registrando um namespace em components.json e instalando pelo nome.

O projeto também oferece documentação nos formatos markdown e llms.txt para agentes de programação, além de um servidor MCP do shadcn que permite que editores como Cursor, Claude Code e VS Code pesquisem e instalem componentes a partir de um prompt. A biblioteca tem licença MIT.

Recursos principais

  • 01Mais de 150 componentes animados que podem ser instalados em projetos shadcn/ui
  • 02Instalação pelo shadcn CLI, que copia o código-fonte para o seu projeto
  • 03Feito com Tailwind CSS v4 e tokens de tema do shadcn
  • 04A maioria dos componentes usa Motion para animações
  • 05Documentação disponível em llms.txt e em arquivos markdown por página para agentes de programação
  • 06Servidor MCP para pesquisar e instalar componentes a partir de um editor

Casos de uso

  • Adicionar seções animadas e bem-acabadas, como cards, globos ou dashboards, a uma landing page em Next.js
  • Prototipar animações de interface em um app shadcn/ui sem escrever o código de animação do zero
  • Permitir que um assistente de programação com IA encontre e instale componentes de UI pelo servidor MCP

Início rápido

  1. 1

    Instale um componente com o shadcn CLI usando a URL do registry

    npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json
  2. 2

    Ou registre o namespace @cult-ui em components.json e, em seguida, instale pelo nome

    npx shadcn@latest add @cult-ui/shift-card

Antes de usar

  • Os componentes foram projetados para projetos shadcn/ui que usam Tailwind CSS v4 e, em sua maioria, dependem da biblioteca Motion.

Tópicos

#react#shadcn-ui#tailwindcss#animation#ui-components#typescript#motion#components#design-engineering#framer-motion

Perguntas frequentes

O que é cult-ui?
Componentes animados gratuitos para React, com licença MIT, feitos com Tailwind CSS e Motion e projetados para instalação em projetos shadcn/ui. Cult UI é uma coleção com mais de 150 componentes de UI animados para projetos React que usam shadcn/ui. Cada componente é publicado como um item de registry do shadcn/ui, então o shadcn CLI copia o código-fonte para o seu projeto, onde você pode editar o código diretamente.
cult-ui é gratuito? Qual é a licença?
cult-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
cult-ui ainda é mantido?
Manutenção ativa. O último commit de cult-ui foi em 14 de out. de 2026.
Para que posso usar cult-ui?
Adicionar seções animadas e bem-acabadas, como cards, globos ou dashboards, a uma landing page em Next.js Prototipar animações de interface em um app shadcn/ui sem escrever o código de animação do zero Permitir que um assistente de programação com IA encontre e instale componentes de UI pelo servidor MCP
Como instalar cult-ui?
Instale um componente com o shadcn CLI usando a URL do registry: npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json Ou registre o namespace @cult-ui em components.json e, em seguida, instale pelo nome: npx shadcn@latest add @cult-ui/shift-card
Onde consigo cult-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/nolly-studio/cult-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados