fade-uikit

fade-uikit is a lightweight and flexible UIkit for React and TypeScript.
It provides a collection of reusable components, hooks, and utilities to help you build modern and consistent interfaces faster.

Documentation & Demo

You can explore components, check available props, and play around with live examples in our Storybook:

👉 Chromatic Storybook

Installation

You can install fade-uikit using your preferred package manager:

• npm: npm install fade-uikit

• yarn: yarn add fade-uikit

• pnpm: pnpm add fade-uikit

Getting Started

1. Import the library styles at the root of your project (e.g., in index.tsx or App.tsx):

import 'fade-uikit/styles.css'

2. Import and use components as usual:

import { Button } from 'fade-uikit'

export default function App() {
	return <Button variant='outline'>Click me</Button>
}