Skip to main content
ninna-ui
localhost:3000/blocks/landing-hero-split
V5.0 is now live

The modern UI toolkit for high-growth teams.

Beautifully designed, accessible, and fully typed components that help you build production-ready interfaces in record time. Built with React 19 and Tailwind CSS v4.

Accessible by Default
Fully Type-Safe
Tailwind CSS v4
Light/Dark Ready
Welcome.tsx
import { Button, Badge } from "@ninna-ui/primitives";
import { Box, HStack } from "@ninna-ui/layout";


export function Welcome() {
  return (
    <Box className="p-8 border rounded-2xl bg-base-100">
      <HStack justify="between" align="center">
        <Badge color="success">New Release</Badge>
        <Button color="primary">Get Started</Button>
      </HStack>
    </Box>
  );
}