UI Library

Top UI Library

Choose best library for your project. Easily get rresponsive design.

Table of Contents

Tailwind css

Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.

Installation

<!--[Tailwind css CDN]--> 
<script src="https://cdn.tailwindcss.com"></script> 

<!--[Tailwind css npm]-->
npm install -D tailwindcss
npx tailwindcss init

Quick Links

Use quick links
Visit site
Documents
Components
Templates

Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Installation

<!--[Install Bootstrap cdn]-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"/>
 
<!--[Install Bootstrap npm]-->
npm i bootstrap@5.3.3 

<!--[Install Bootstrap JS]-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

Quick Links

Use quick links
Visit site
Documents
Components
Templates

DasiyUI

daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.

Installation

<!--[Install DasiyUI cdn]-->
<link href="https://cdn.jsdelivr.net/npm/daisyui@latest/dist/full.min.css" rel="stylesheet" type="text/css" />
 
<!--[Install DasiyUI npm]-->
npm i -D daisyui@latest 

<!--[Install DasiyUI JS]-->
<script src="https://cdn.tailwindcss.com"></script>

Quick Links

Use quick links
Visit site
Documents
Components
Templates

Pagedone

Build websites faster than ever before with our open-source tailwind library and Figma UI kit featuring 1000+ tailwind blocks and a Figma design system which is integrated with ready-to-use Tailwind CSS blocks, pages and sections.

Installation

<!--[Install Pagedone cdn]-->
<link href="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/css/pagedone.css " rel="stylesheet"/>
 
<!--[Install Pagedone npm]-->
npm install pagedone 

<!--[Install Pagedone JS]-->
<script src="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/js/pagedone.js"></script>

Quick Links

Use quick links
Visit site
Documents
Components
Templates

Flowbite

Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.

Installation

<!--[Flowbite CDN]--> 
<link href="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css" rel="stylesheet" /> 

<!--[Flowbite npm]-->
npm install flowbite

<!--[Flowbite JS]-->
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>

Quick Links

Use quick links
Visit site
Documents
Components
Blocks

MACUI

Explore MACUI own custom css. Its redesign of other library.

Installation

<!--[MACUI@3.0 CSS via cdn]--> 
 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/developerdhaval/MACUI@main/macui@3.0.css" text="text/css"/>

Quick Links

Use quick links
GitHub
Documents
Components
Changelog

Redesign source

Use custom extension
DasiyUi Extension
Blogger Extension
MACUI Extension
Release soon...