AI Sales Agent

Production-Ready UI Components

A comprehensive set of accessible, customizable, and theme-aware components built with React and SCSS.

Buttons

Alerts

Information

This is an informational alert message.

Success

Your changes have been saved successfully!

Warning

Please review your input before proceeding.

Error

Something went wrong. Please try again.

Badges

DefaultPrimarySuccessWarningErrorPillOutline

Form Inputs

Text Input

This is helper text

With Error

This field is required

Text Area

0/200

Phone Number

International format supported

Enable notificationsReceive email updates

Dark mode preference

File Upload

Upload files

Click to upload or drag and drop

IMAGE/*,PDF,DOC,DOCX up to 5 MB

Drag and drop files or click to browse

Dropdown

Search team members and scroll for more. Team member 27 starts selected.

Date and time pickers

Appointment date

Choose a date from the calendar or type YYYY-MM-DD.

Appointment time

Choose a time or type HH:mm (24-hour).

Tooltips

Accordion

What is this template?

This is a production-ready Next.js template with authentication, form validation, theming, and a comprehensive UI component library.

How do I get started?

What technologies are used?

Tabs

Overview Content

This is the overview tab content. It displays general information about the component.

Pagination

Current Page: 1

Spinners

Loading...XS

Loading...SM

Loading...MD

Loading...LG

Loading...XL

Loading...Secondary

White

No Content Card

No items found

Try adjusting your search or filters to find what you're looking for.

No notifications

You're all caught up! Check back later for updates.

Modal / Dialog

Toast Notifications

Ready to build something amazing?

Get Started View Documentation