Goth & Brutalist UI Library
npm install nocturna-ui> Primitivos góticos e brutalistas forjados para a web que não teme a escuridão.
A Nocturna UI é uma biblioteca de componentes React focada em interfaces de alto contraste e DX (Developer Experience) superior.
Na versão v0.1.0, apresentamos a System Props Engine e os Layout Primitives, eliminando a necessidade de arquivos CSS externos para a maioria dos casos de uso.



---
- System Props Engine: Controle margens (m, p), cores (bg, color), tipografia e layout diretamente nas props dos componentes.
- Layout Primitives: Novos componentes Box, Stack, HStack, VStack, Grid e SimpleGrid.
- Polymorphic Components: Use a prop as para alterar a tag HTML semântica (ex: as="section", as="a") mantendo os estilos.
- Engine de Design Tokens: Integração profunda com tokens de espaçamento e cores do tema Cyber Goth.
---
Explore o grimório digital com exemplos interativos:
---
``bash`
npm install nocturna-ui
`tsx
import { Button, Card, VStack, Text, Badge } from "nocturna-ui";
export const App = () => (
ONLINE
);
`
---
Para prototipagem rápida sem bundlers:
`html``
Forks e Pull Requests são bem-vindos. Consulte o guia de contribuição para começar.
Licença ISC • Criado por Ruan Oliveira Sena