A complete front end solutions for learners.

ChaiUI is a comprehensive and easy-to-use open-source UI templates (powered by TailwindCSS) designed to enhance your productivity as a learner. We ❤️ Open Source

Components

Alerts

Provide contextual feedback messages for typical user actions.

Badges

Small count and labeling component for displaying notifications, tags, or status.

Grids

Flexible grid system for creating layouts and aligning content.

Breadcrumbs

Indicate the current page's location within a navigational hierarchy.

Button Groups

Group a series of buttons together on a single line.

Checkboxes

Allow users to select one or more options from a set.

Details Lists

Display collections of data, like tables, but with more flexibility.

Dividers

Visually separate content in a list or layout.

Dropdowns

Toggleable, contextual overlays for displaying lists of links.

Error Pages

Customizable error pages for handling different HTTP error codes.

Header

Defines the header section of a page or application.

Inputs

Form elements for user input, including text fields, checkboxes, and radio buttons.

Auth Forms

Pre-designed forms for authentication, including login, registration, and password reset.

Media

Components for displaying media content such as images alongside text.

Pagination

Divide content into separate pages and provide navigation between them.

Progress

Visual indicators for progress completion, such as progress bars and spinners.

Radio Groups

Allow users to select a single option from a set of radio buttons.

Selects

Customizable dropdown select elements for choosing options.

Side Menu

Vertical navigation component for displaying a list of links or items.

Stats

Display key statistics or metrics in a concise and visually appealing format.

Steps

Guide users through a multi-step process, showing progress and completion.

Tables

Organize and display data in rows and columns.

Tabs

Organize content into separate views while keeping the user in the same context.

Textareas

Multiline text input fields for longer user input.

Toggles

Switch between two states or options with a simple toggle.

Vertical Menus

Display a list of options or actions in a vertical format.

Projects

Designer Portfolio 1

A landing page showcasing a designer's portfolio with a sleek and modern design.

Developer Portfolio 1

A personal website highlighting a developer's technical skills, projects, and experience in a clean and structured layout.

Innovative Product Showcase

Explore the interactive product page designed to demonstrate key features and benefits of our cutting-edge solutions. The page combines engaging visuals with user-friendly design to enhance user understanding and drive conversions.