loki-ui

introduce

Transform your web development workflow with our cutting-edge component library, meticulously crafted for developers who crave efficiency and customization. This library not only embraces the full potential of Tailwind CSS but also offers an unparalleled level of design token customization, ensuring your UI fits your brand like a glove.

Design Token Customization

With our library, you can tweak design tokens to align perfectly with your design system. Customize colors, spacing, typography, and more, to maintain consistency across all your projects. Our design tokens follow a logical structure, making them intuitive to use and easy to integrate.

Seamless Theme Switching

Dive into the world of dynamic theming! Our library comes with built-in theme switching capabilities that cater to the growing demand for dark mode and other accessibility needs. Switch themes on the fly, providing your users with the flexibility to choose their preferred UI experience.

Beyond Tailwind CSS

While our library is built on the solid foundation of Tailwind CSS, it's engineered to play well with non-Tailwind projects too. This means you can inject our components into any existing project without the need to refactor your entire codebase.

Comprehensive Component Coverage

We've got you covered with a broad spectrum of commonly used components. Whether it's navigational elements, data display, feedback, or input controls, our library provides a cohesive set that streamlines your development process.

quick start

Development

# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm start

# build library source code
$ pnpm run build

# build library source code in watch mode
$ pnpm run build:watch

# build docs
$ pnpm run docs:build

# check your project for potential problems
$ pnpm run doctor

LICENSE

MIT