Documentation
Components
Blocks

Getting Started

Introduction
Principles
Setup
AI Skills
Dark Mode
Migration Guide

Design System

Theming Tokens
Color Tokens
Buttons
UI Utilities & Variants

General & Navigation

Button
Link
Breadcrumbs
Toggle
Toggle Group
Search Field
File trigger

Form Inputs

Input
Number Field
Input OTP
Input Date
Input Time
Select
Checkbox
Radio
Combobox
Multi Select
Switch
Tag Field
Slider
Tabs

Date & Time

Calendar
Range Calendar
Date Picker
Date Range Picker

Data Feedback

Table
Alert
Avatar
Badge
Callout
Card
Progress Bar
Loader
Progress Bar Circle
Skeleton
Aspect Ratio
Keyboard
Separator
Native Table
Tag Group

Drag & Drop

Drag And Drop

Overlays & Disclosure

Dialog
Modal
Sheet
Popover
Disclosure
Disclosure Group
Menu

Layout & Structure

Sidebar
Navbar

Visualizations

Chart
Area Chart
Bar Chart
Line Chart
Pie Chart
Tracker

Typography

Heading
Icon
Text

Components
Modal

Modal

Blocking overlay dialog for focused tasks.

Demo

Preview

Code

Installation

terminal

Sliding drawer panel from screen edge.

On this page

Demo
Installation

Community

Contributing
Edit this page
Star On github

Published under MIT License

Copyright © jk-ui 2026. Designed By Johnkat MJ.