Skip to content

UI Library

Kottster includes a built-in package, @kottster/react, which provides essential UI components and React hooks for building your app’s frontend.

What’s included

  • Components — Pre-built elements like buttons, forms, tables, inputs, and more.
  • Hooks — Useful React hooks for working with UI state, side effects, and interactions.

Mantine

Kottster’s UI is built on top of Mantine, a modern React component library. You can use Mantine components directly in your pages—they work out of the box and integrate well with the Kottster UI.

Tailwind CSS

You can also use Tailwind CSS for utility-first styling. It works well alongside Mantine.
To set it up, follow the official guide for Vite or PostCSS, depending on your setup.