Koval components library

Koval UI: A modern React Ccmponent library designed for experimentation & performance. Koval UI provides a comprehensive set of components (layout, various inputs, form, data table and carousel), all built with native browser APIs at their core. This approach minimizes JavaScript overhead, improving stable performance and reducing bundle size. Ideal for developers building cutting-edge applications, AI interfaces, or rapidly prototyping new ideas.

Explore Koval UI and accelerate your next project!

Features

• Supports Typescript, bundled types.
• ESM and commonjs bundles.
• Compatible with Nextjs.
• CSS Flex column-based layout.
• Inputs compatible with react-hook-form and similar libraries.
• Built-in form validation.
• Typography components.

Read Koval docs

See Koval Storybook.

Quickstart

Install library with the package manager of your choice

npm i koval-ui

Include Koval css styles and wrap your application with Provider.

import {Provider} from 'koval-ui';
import 'koval-ui/dist/index.css';

const App = ({children}) => {
    //...
    return <Provider>{children}</Provider>
}

Acknowledgments

This project is developed using amazing Webstorm IDE provided by Jetbrains.