Introduction

Beautifully designed components that you can copy and paste into your React and Next.js apps. Accessible. Customizable.

Sajilo UI is a collection of reusable components, each with a bunch of examples in different styles that can be used in various positions.

I wondered how users would enjoy the journey of scrolling through a website if they didn't feel there was something special about it.

Installation

To get started with Sajilo UI, you need to install tailwindcss. Follow the steps below to set it up in your project.

Install Tailwind CSS via npm:

npm install tailwindcss

Create a tailwind.config.js file:

npx tailwindcss init

Add Tailwind to your CSS:

@tailwind base;
@tailwind components;
@tailwind utilities;

Start using Tailwind's utility classes in your HTML:

<div className="text-center">Hello World!</div>

With these steps, you will have Tailwind CSS set up in your project, and you can start using Sajilo UI components to build beautiful and responsive user interfaces.