Biblioteca gratuita e open source de componentes e blocos shadcn/ui, com 1.264 exemplos no estilo de dashboards, copiados diretamente para projetos React.
ln-dev7/landing-pages
Coleção de landing pages open source com personalidade própria, feitas com Next.js, Tailwind CSS e shadcn/ui, cada uma em um projeto independente.
- Estrelas
- 213
- Forks
- 37
- Issues abertas
- 0
- Último commit
- há 20 horas
O que é?
Este repositório reúne várias landing pages, cada uma criada em torno de um conceito distinto, como uma jornada 3D por uma casa mal-assombrada, um clube de surfe com uma escola de surfe interativa ou um clube independente de boulder. Cada pasta em landing-pages/ é um projeto Next.js independente, que pode ser instalado e executado separadamente com pnpm.
As páginas são feitas com Next.js, Tailwind CSS e componentes shadcn/ui bastante personalizados. Vários projetos usam cenas 3D e elementos visuais interativos como parte central da página, em vez de seções estáticas. Uma pasta www/ separada contém o site estático de apresentação da coleção, feito com HTML, CSS e JavaScript puros, sem etapa de build.
O repositório também inclui instruções de deploy na Vercel, com configuração para cada projeto e um mecanismo que pula o build de pastas que não mudaram desde o último deploy. O código é licenciado sob a MIT, enquanto fontes, imagens e alguns componentes de terceiros mantêm suas próprias licenças.
Recursos principais
- 01Base em Next.js e Tailwind CSS, com componentes shadcn/ui personalizados
- 02Cada landing page é um projeto independente e executável
- 03Várias páginas incluem cenas 3D interativas
- 04Site estático de apresentação em www/, sem etapa de build
- 05Instruções de deploy na Vercel, com builds ignorados para projetos sem alterações
Casos de uso
- Estudar como criar landing pages expressivas, guiadas por conceitos, com Next.js
- Começar uma página de marketing ou portfólio a partir de um template funcional
- Explorar elementos visuais 3D e interativos em uma base de código React
- Fazer deploy de vários sites pequenos de um único monorepo na Vercel
Início rápido
- 1
Acesse a pasta do projeto (por exemplo, fallow)
cd landing-pages/fallow - 2
Instale as dependências com pnpm
pnpm install - 3
Inicie o servidor de desenvolvimento
pnpm dev
Antes de usar
- Requer Node.js 20.9 ou superior e pnpm.
- Os efeitos de Canvas UI do Sundaze estão sob MIT + Commons Clause, que restringe o uso comercial.
- Fontes, imagens e componentes de terceiros mantêm suas próprias licenças.
Tópicos
Perguntas frequentes
- O que é landing-pages?
- Coleção de landing pages open source com personalidade própria, feitas com Next.js, Tailwind CSS e shadcn/ui, cada uma em um projeto independente. Este repositório reúne várias landing pages, cada uma criada em torno de um conceito distinto, como uma jornada 3D por uma casa mal-assombrada, um clube de surfe com uma escola de surfe interativa ou um clube independente de boulder. Cada pasta em landing-pages/ é um projeto Next.js independente, que pode ser instalado e executado separadamente com pnpm.
- landing-pages é gratuito? Qual é a licença?
- landing-pages é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- landing-pages ainda é mantido?
- Manutenção ativa. O último commit de landing-pages foi em 6 de nov. de 2026.
- Para que posso usar landing-pages?
- Estudar como criar landing pages expressivas, guiadas por conceitos, com Next.js Começar uma página de marketing ou portfólio a partir de um template funcional Explorar elementos visuais 3D e interativos em uma base de código React Fazer deploy de vários sites pequenos de um único monorepo na Vercel
- Como instalar landing-pages?
- Acesse a pasta do projeto (por exemplo, fallow): cd landing-pages/fallow Instale as dependências com pnpm: pnpm install Inicie o servidor de desenvolvimento: pnpm dev
- Onde consigo landing-pages?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ln-dev7/landing-pages
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Componentes de UI para React com visual retrô de 8 bits, baseados no shadcn/ui e copiados para o seu projeto com o shadcn CLI.
Um registry de componentes shadcn/ui com componentes refinados, transições de hover com efeito de mola e versões Radix ou Base UI.
Biblioteca de componentes de UI para React, baseada em React Aria e Tailwind CSS v4, anteriormente conhecida como NextUI.
Tema inicial gratuito e de código aberto para Astro e Tailwind CSS v4, com mais de 30 widgets para landing pages, blog e recursos de SEO.
Biblioteca de componentes React e Tailwind CSS com componentes e efeitos de UI animados para copiar nos seus apps Next.js ou shadcn/ui.