Settings

Settings

Dock Settings

Dock Position
Dock Button Style

Font Settings

Standout Font:

The Quick Brown Fox

General Font:

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.

Theme Settings

Choose a Theme

Background Effect

Choose the animated background for the whole site. Updates apply immediately everywhere.

Current Theme Preview - Component Showcase

Actions

Buttons

Button Sizes

Modal

Hello!

This is a sample modal dialog. Press ESC or click the button below to close.

Swap

Dropdown

Click to open

Data Display

Alerts

Welcome to Wayne Enterprises Security Systems
Bat-Signal detected over Gotham City
Target apprehended. Gotham is safe... for now
The Joker has escaped Arkham Asylum
Batcave security breach detected!

Badges

Default
Neutral
Primary
Secondary
Accent
Ghost
Info
Success
Warning
Error

Avatars

Batman
Robin
Joker
BW

Card Variations

Batarang

Batarang MK-VII
NEW

Advanced tactical throwing weapon with GPS tracking and explosive capabilities

Batsuit

Batsuit v8.5

Kevlar-reinforced tactical armor with integrated cape glider

Gotham City

Gotham City

The city that never sleeps. Crime rate down 23% since Batman's arrival.

Wayne Enterprises Alert

Mission Briefing: The Riddler has left clues across Gotham. Three locations identified. Immediate action required.

Batmobile

Batmobile

Armored pursuit vehicle with rocket propulsion and advanced weaponry

Batcave

Batcave Command Center
ONLINE

Advanced surveillance and tactical planning headquarters beneath Wayne Manor

Secure
Active

Chat Bubbles

Good evening, Master Wayne. Shall I prepare the Batmobile?
I need the cowl. Gotham needs me tonight.
The Bat-Signal is up! Commissioner Gordon is calling.

Keyboard Keys

⌘ + B for Batcave Access

Stats

Villains Captured
147
↗︎ 12 more this month
Gotham Crime Rate
-23%
↘︎ Since Batman's arrival

Table - Rogues Gallery

Alias Classification Status
1 The Joker Criminal Mastermind
Escaped
2 Two-Face Former D.A.
Captured
3 Catwoman Master Thief
At Large

Timeline

  • 1939
    First Appearance
  • 1986
    The Dark Knight Returns
  • 2025
    Protecting Gotham

Progress

Radial Progress

70%
80%
90%
100%

Navigation

Breadcrumbs

Tabs

Tab content 1
Tab content 2
Tab content 3

Steps

  • Register
  • Choose plan
  • Purchase
  • Receive Product

Menu

Data Input

Text Input

Textarea

Select

Checkbox

Radio Buttons

Toggle

Range Slider

Rating

File Input

Feedback

Loading Spinners

Loading Styles

Skeleton Loaders

Tooltips

Layout & Mockups

Dividers

OR
Content
OR
Content

Join (Group Items)

Code Mockup

npm install daisyui
installing...
Done!

Browser Mockup

https://daisyui.com
Hello from DaisyUI!

Reset Settings

This will restore all settings to their default values (Dark Knight theme and Left dock position).