Skip to content

All categories

Browse the element library by component type and find the right starting point faster.

Component library

Explore 41 categories

Buttons

Primary, outline, ghost, icon, split, and loading buttons.

Explore category

Inputs

Text, email, password, number, search, and masked inputs.

Explore category

Toggles

Checkbox, radio, switch, toggle, and segmented controls.

Explore category

Selects

Dropdown, multi-select, combo box, and autocomplete selects.

Explore category

Forms

Login, signup, contact, profile, and checkout forms.

Explore category

Search

Search bars, filters, command search, and autocomplete search.

Explore category

Pickers

Date, time, range, month, and color pickers.

Explore category

Uploads

File, image, drag-and-drop, and multi-file uploads.

Explore category

Sliders

Range, price, volume, vertical, and stepped sliders.

Explore category

Nav

Top bar, mobile nav, sticky nav, and mega navigation.

Explore category

Sidebars

Fixed, nested, collapsed, floating, and mobile sidebars.

Explore category

Menus

Dropdown, context, action, mega, and nested menus.

Explore category

Tabs

Line, pill, icon, vertical, and scrollable tabs.

Explore category

Breadcrumbs

Breadcrumb navigation pathways, trail indicators, and page guides.

Explore category

Pages

Numbered, compact, load more, and infinite pagination.

Explore category

Cards

Product, profile, stats, media, and price cards.

Explore category

Lists

Basic, grouped, media, drag, and selectable lists.

Explore category

Tables

Basic, sorted, filtered, editable, and responsive tables.

Explore category

Modals

Alert, form, confirm, full-screen, and media modals.

Explore category

Drawers

Left, right, bottom, filter, and form drawers.

Explore category

Tips

Tooltip, popover, hover card, and info tips.

Explore category

Alerts

Alert, toast, banner, snackbar, and notice messages.

Explore category

Loaders

Spinner, dots, skeleton, shimmer, and overlay loaders.

Explore category

Progress

Bar, ring, steps, percent, and upload progress indicators.

Explore category

Badges

Badge, chip, label, count, and status tags.

Explore category

Avatars

Avatar, initials, group, stack, and status faces.

Explore category

Panels

Accordion, collapse, FAQ, nested, and bordered panels.

Explore category

Steps

Stepper, timeline, stages, and progress flow steps.

Explore category

Slides

Carousel, gallery, lightbox, and thumbnail slides.

Explore category

Dates

Month, week, day, events, and booking calendars.

Explore category

Charts

Bar, line, pie, area, radar, and gauge charts.

Explore category

Plans

Price cards, tiers, billing, and plan compare tables.

Explore category

Auth

Login, signup, OTP, social, and two-factor auth screens.

Explore category

States

Empty, error, offline, denied, and not found states.

Explore category

Commands

Search, actions, shortcuts, and recent item commands.

Explore category

Chat

Messages, bubbles, typing, files, and reply chat.

Explore category

Feeds

Comments, activity, audit, reactions, and mentions feeds.

Explore category

Shop

Products, cart, filters, checkout, and order shop.

Explore category

Dash

KPIs, stats, widgets, summaries, and activity dashboards.

Explore category

Layouts

Hero, grid, footer, sections, and page shells.

Explore category

Patterns

Background patterns, repeating grids, dot systems, and textures.

Explore category
Element Categories | Frontend Forever | Frontend Forever