screen/ui
DocsComponentColorsTemplates

Components

Data Display
  • Table
Elements
  • Button
  • Badge
  • Avatar
Feedback
  • Alert
Forms
  • File Upload
  • Checkbox
  • Input
  • Textarea
  • Select
  • Toggle
Layout
  • Accordion
  • Card
  • Pagination
Overlay
  • Modal

15+ reusable components.

Accordion

Expandable sections that help organize and reduce page clutter.

Layout

Alert

Lightweight banners used to communicate warnings, errors, or success messages.

Feedback

Avatar

Avatars represent users with images, initials, or placeholders.

ElementsNew

Badge

Badges show small counts or status indicators such as unread messages or notifications.

Elements

Button

Buttons trigger actions such as submitting forms, opening dialogs, or performing operations.

Elements

Card

Flexible containers for grouping related content and actions.

Layout

Checkbox

Checkboxes allow selecting one or multiple items.

Forms

File Upload

Allows users to upload one or more files from their device.

Forms

Input

Text inputs collect user information such as names, emails, or passwords.

Forms

Modal

Overlays used to display dialogs, confirmations, and forms without leaving the page.

Overlay

Pagination

Navigation used to move through large sets of content.

Layout

Select

A dropdown for choosing one value from a list of options.

Forms

Table

Displays structured data in rows and columns with sorting and interactive controls.

Data Display

Textarea

A multi-line text input for long-form content such as comments or descriptions.

Forms

Toggle

A switch UI to enable or disable a setting instantly.

Forms

Built by screen/ui v0.1.0. The source code is available on GitHub.