KeiUI LogoKeiUI
Components

Spice Up Your Portfolio with KeiUI.

An Open-Source Library for React.jsKeiUI is a collection of components and templates designed to simplify the process of building beautiful and responsive websites.
Browse ComponentsGet Started

Build Unique Websites

Easy Integration

Integrating our components into your React project is a breeze! With TailwindCSS, you can seamlessly copy and paste our components without ever touching your CSS file. Plus, Framer Motion makes creating complex animations more intuitive than ever.

Responsive
Design

Our components work across all devices, ensuring a seamless experience whether youre on a desktop tablet or mobile phone.

How to Get Started

Getting started with KeiUI is simple. Follow these steps to integrate our components into your React project:

  1. Install dependencies, refer to TailwindCSS Docs on setup process:
    2. npm install motion tailwind
  2. Create a new Component ComponentName.jsx and just paste our code in.
    3. import { Component } from './ComponentName.jsx';
  3. Start using the components in your project:
    4. <Component>Wahoo!</Component>

FAQ

Answers to some questions you might have.
What is KeiUI?
Can I customize the components?
Is KeiUI free to use?
Where can I find the documentation?
How can I contribute to KeiUI?