Introduction
Meet the components and discover what you can build.
The idea is still yours.
The pieces for your next idea
Kivora is a TypeScript component library for Next.js and React. It brings forms, navigation, tables, panels and multimedia together under one visual language. Start with a button and compose an entire application using the same conventions.
The web package is @kivora/nextjs. The examples and properties in this documentation correspond to version 0.2.0 installed from npm.
From an idea to an interface
Components provide the interface. Authentication, persistence, payments and upload services belong to your application.
- SaaS products: accounts, teams, visual permissions and validated forms.
- Internal tools: data tables, filters, selection and detail panels.
- Sites and experiences: navigation, cards, carousels and brand themes.
- Multimedia experiences: video and audio playback, file selection and QR codes.
Documentation for experimenting
Open any component to try it. Change a property with the controls or edit the JSX directly: the preview updates as you type and displays syntax errors. Reset restores the original example.
The Copy button prepares a component with its imports. The API reference includes published properties and subcomponents; types are generated from npm TypeScript declarations.
Your first component
1"use client";
2
3import { Button } from "@kivora/nextjs";
4
5export default function Example() {
6 return <Button>Create my first idea</Button>;
7}Continue with Button or explore the web component catalog.