Welcome
Free Tailwind CSS UI Components and Blocks Inspired by Notion
This is a modern Tailwind CSS UI library of carefully designed components and blocks, capturing the sleek, minimalist style of Notion. Perfect for adding polished UI elements to your web projects without the need for installation—just copy and paste!
Key Features:
- Extensive UI Collection: This library includes a range of essential components and blocks, covering all the basics you need for building clean, modern interfaces.
- No Installation Required: Enjoy a hassle-free setup with copy-paste functionality. Simply add the components to your project as needed.
- Versatile Use: Suitable for a wide variety of applications, including websites, dashboards, landing pages, and more, for both personal and professional use.
- Fully Free to Use: These components are open-source and available for any project, allowing you to customize your UI while saving valuable development time.
Whether you’re working on a personal project, a client’s website, or a web application, this collection offers a quick, reliable way to enhance your UI without setup or extra dependencies. If you find it helpful, consider giving the repo a star to support future updates!
Explore our collection of beautiful, responsive Tailwind CSS components. Each component is carefully crafted and comes with copy-paste ready code.
Avatars
Display user avatars with different shapes and sizes.
Badges
Small status indicators for users and content.
Breadcrumbs
Display the current page location within a navigational hierarchy.
Buttons
Explore our button collection with various styles and states.
Cards
Display content in a flexible and extensible container.
Checboxes
Select multiple options from a list.
Forms
Form elements for collecting and validating user input.
Icons
List of icon libraries.
Inputs
Text fields and text areas for collecting user input.
Lists
Display a list of items with various styles and layouts.
Modals
Dialog windows that overlay the main content.
Paginations
Navigate between pages of content.
Progress Bars
Display the progress bar.
Radios
Select one option from a list of options.
Selects
Select dropdowns with different styles and variations.
Tables
Display data in a tabular format.
Tabs
Organize content into separate views.
Toggles
Switch between two states.