Getting Started with kinu

Learn how to set up and use kinu components in your project. Build beautiful, accessible interfaces with minimal effort.

Install kinu

Add kinu to your project using your preferred package manager:

npm

npm install kinu

pnpm

pnpm add kinu

yarn

yarn add kinu
Prerequisites: kinu requires Preact 10.5.0 or higher.

What's Included

kinu provides a comprehensive set of accessible components:

Form Components

Input, Button, Checkbox, Radio, Select, Textarea, and more

15+ Components

Layout & Navigation

Tabs, Accordion, Sidebar, NavigationMenu, Breadcrumb

8+ Components

Feedback & Overlays

Toast, Dialog, AlertDialog, Popover, Tooltip

12+ Components

Data Display

Table, Card, Avatar, Badge, Progress, Skeleton

10+ Components

Design Principles

🎯 Accessibility First

Built with semantic HTML and ARIA attributes. Screen reader friendly and keyboard navigable.

⚡ Performance Focused

Lightweight components with minimal runtime overhead. Tree-shakable for optimal bundle sizes.

🎨 Customizable

CSS custom properties allow easy theming. Override styles without fighting specificity.

🔧 Developer Experience

TypeScript support, clear documentation, and intuitive APIs make development smooth.

Next Steps

Now that you're set up, explore what kinu has to offer:

Browse All Components →View Linear Demo →View Chat Demo →

Helpful Resources

  • Component Examples: See all components in action on the Components page
  • Real-world Demos: Check out our Linear and Chat demos
  • Complete API Reference: View comprehensive component documentation in our llms.txt reference - perfect for LLMs and developers
  • GitHub Repository: Contribute and report issues on GitHub