# Introduction

Meet the components and discover what you can build.

## 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


```tsx
"use client";

import { Button } from "@kivora/nextjs";

export default function Example() {
  return <Button>Create my first idea</Button>;
}
```


Source: https://kivora.pro/docs/introduccion