Create delightful interfaces with Catalyst.

Catalyst is a design ecosystem that seamlessly blends tools, components, and libraries to accelerate the design & development workflow. It is a powerful enabler for creativity purposely made for designers and developers to craft cohesive, intuitive user experiences with unparalleled speed and precision.

68

Components

40

Plugins

750+

Combinations
Image Description Image Description
Design & Graphics
Image Description Image Description

Iconography

Complete icon set to enhancing visual communication.
Image Description Image Description

Illustrations

Captivating scenes to elevate your project's aesthetics.
Components
Image Description Image Description

Accordion

Collapsible content panels for organizing information efficiently.
Image Description Image Description

Alerts

Contextual feedback messages for user actions and notifications.
Image Description Image Description

Avatars

Graphical representations of users or entities in your interface.
Image Description Image Description

Badge

Small count and labeling component for highlighting information.
Image Description Image Description

Breadcrumb

Navigation aid showing the user's location in a website hierarchy.
Image Description Image Description

Buttons

Interactive elements for triggering actions and navigation.
Image Description Image Description

Cards

Flexible containers for displaying content in a clear, concise format.
Image Description Image Description

Collapse

Toggle visibility of content to create expandable sections.
Image Description Image Description

Column Divider

Vertical separators for organizing content in multi-column layouts.
Image Description Image Description

Divider

Horizontal lines for visually separating content sections.
Image Description Image Description

Dropdowns

Toggleable, contextual overlays for displaying lists of links.
Image Description Image Description

Icons

Symbolic visual elements for enhancing UI comprehension.
Image Description Image Description

List Group

Flexible component for displaying series of content.
Image Description Image Description

Lists

Versatile components for displaying collections of content.
Image Description Image Description

Legend

Visual cues for interpreting data or status in charts and graphs.
Image Description Image Description

Modal

Customizable dialog prompts for displaying important content.
Image Description Image Description

Offcanvas

Sidebars for navigation and content that slide into view.
Image Description Image Description

Page Header

Consistent page headers for introducing content and navigation.
Image Description Image Description

Pagination

Navigation for splitting content across multiple pages.
Image Description Image Description

Popovers

Small overlays for displaying contextual information on demand.
Image Description Image Description

Progress

Visual indicators of progress and loading status.
Image Description Image Description

Shapes

Decorative elements for enhancing visual appeal and layout.
Image Description Image Description

Sliding Image

Dynamic image transitions for engaging visual presentations.
Image Description Image Description

Spinners

Animated loading indicators for asynchronous processes.
Image Description Image Description

Steps

Guide users through multi-step processes or workflows.
Image Description Image Description

Tab

Organize and navigate between related content sections.
Image Description Image Description

Toasts

Lightweight notifications for providing brief messages to users.
Image Description Image Description

Tooltips

Informative pop-ups for clarifying UI elements and features.
Image Description Image Description

Typography

Consistent text styles for clear and effective communication.
Navbars
Image Description Image Description

Navbar

Responsive navigation header for site-wide navigation and branding.
Image Description Image Description

Navs

Flexible navigation components for organizing content and navigation.
Image Description Image Description

Mega Menu

Expandable menu for displaying multiple levels of content and categories.
Image Description Image Description

Vertical Aside

Vertical navigation sidebar for easy access to site sections.
Image Description Image Description

Scrollspy

Auto-updating nav based on scroll position for single-page navigation.
Tables
Image Description Image Description

Tables

Customizable tables for organizing and displaying data effectively.
Image Description Image Description

Datatables

Advanced interactive tables with sorting, searching, and pagination.
Image Description Image Description

Sticky Header

Tables with fixed headers for improved readability of large datasets.
Basic forms
Image Description Image Description

Basic Forms

Foundational form elements for creating user-friendly input interfaces.
Image Description Image Description

Checks & Switches

Toggle controls for selecting options and changing settings.
Image Description Image Description

Input Group

Grouped form controls for enhanced input functionality and styling.
Advanced forms
Image Description Image Description

Advanced Select

Enhanced dropdown menus for single or multiple selections.
Image Description Image Description

Date Picker

User-friendly calendar interface for selecting dates and times.
Image Description Image Description

Range Picker

Flexible tool for selecting date ranges, dates, and times.
Image Description Image Description

Calendar

Feature-rich calendar for displaying and managing events.
Image Description Image Description

Attachments

Easy-to-use interface for uploading and managing file attachments.
Image Description Image Description

Drag' n' Drop

Intuitive drag-and-drop interface for uploading files with previews.
Image Description Image Description

Text Editor

Rich text editor for creating formatted content with ease.
Image Description Image Description

Quantity Counter

Interactive input for adjusting numerical values in forms.
Image Description Image Description

Clipboard

One-click solution for copying text to the clipboard.
Image Description Image Description

Input Mask

Guided input for standardized data entry in forms.
Image Description Image Description

Step Forms

Multi-step forms for breaking down complex inputs into manageable parts.
Image Description Image Description

Add Field

Dynamic field creation for flexible form structures.
Image Description Image Description

Toggle Password

User-friendly option to show or hide password input.
Image Description Image Description

Count Characters

Real-time character count for text inputs and textareas.
Image Description Image Description

Form Search

Enhanced search input with clear functionality for improved UX.
Image Description Image Description

Toggle Switch

Interactive on/off switch for toggling between two states.
Image Description Image Description

reCAPTCHA

Anti-spam measure to protect forms from automated submissions.
Charts
Image Description Image Description

Chart.js

Versatile JavaScript library for creating responsive, customizable charts.
Image Description Image Description

Counter

Dynamic number animation for visually engaging data presentation.
Image Description Image Description

Circles.js

Lightweight library for creating interactive, SVG-based circular charts.
Others
Image Description Image Description

Lightbox

Elegant overlay display for images, videos, and HTML content.
Image Description Image Description

Leaflet

Interactive, mobile-friendly maps with customizable markers and layers.
Image Description Image Description

Maps

Lightweight library for creating interactive vector maps and visualizations.
Image Description Image Description

SortableJS

Drag-and-drop functionality for reorderable lists and grid layouts.
Image Description Image Description

Sticky Block

Create fixed-position elements that stay visible while scrolling.
Image Description Image Description

Go To

Smooth scrolling functionality for improved page navigation.