CtrlK

Buy Now

Introduction
Getting Started
- - Installation
  - Environment Variables
Customization
- - White-Labeling
  - Styling

Integration

Payment
Supabase
Resend and Redis
Prisma and Database
PostHog and Sentry
Translations and i18n
Guides
- - Deployment

Utilities

Grid
Typography
Background
Border
Color
Shadow
Sizing
Spacing
Shapes
Seperators
Media Objects
Embeds
Images
Icon Fonts

Data Display

Avatar
Accordion
Badges
Advance Badges
Tooltip
Popovers
Modal
Cards
Carousel
Collapse
List Group
Ribbon
Drawers
Offcanvas
Empty States
Callout
Gallery

Data Entry

Buttons
Form Elements
Input Groups
Form Layout
Form Mask
Form Validation
Advance Form UI
Cropperjs
Dropzone
Date Picker
Color Picker
React Select
Range Slider
Input Spinner
Form Wizard
Tinymce
Chips
Ratings
Page Search

Feedback

Sweet Alert
Notifications
Toast Alerts
Tour
Timeout
Alerts
Placeholders
Spinners
Progress
Bootstrap Toast
Clipboard

Tables

Basic Tables
Data Tables
Advance Table UI

Charts

Charts

Maps

Google Maps
Vector Maps
Animated Maps

Navigation

Breadcrumbs
Dropdowns
Nav
Tabs
Wizard
- - Vertical Wizard
  - Horizontal Wizard
Pagination
Toolbar

BEHAVIORAL

Scroll Spy
Sticky Elements
Draggable
Scrollable Content
Fixed Footer
Load More

Layout

Menus
Navbar
Page Headers
Page Footers

Draggable

Drag between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.

Basic example

Item1

Item2

Item3

Item4

Item5

Item6

Item7

Item8

Item9

Jampack © 2026 All rights reserved.