UIkit

×

Styles
Atoms
Molecules
Imprint

UIkit

100% XL L M S XS

UIkit

Show Element Outlines Imprint

UIkit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Surface Appearance
- Foreground-Colors
- Black
- Background-Colors
- White
Typography
- Font-Sizes
- Base Fontsize
- Font-Size: 1rem
- Font-Size: 2rem
- Individual CSS-Styles
- UIkit CSS-Font-Definition

Navigation Elements
- Search
- Switcher
- Pagination
- OffCanvas
- Navbar
- Hamburger Menu
- Dotnav
Media Elements
Text Elements
- Text-Link
- Label
- Description list
- Blockquote
- Breadcrumb
- Badge
- Link
- List
- Paragraph
- Article Meta
- Text Lead
- H1 (Article)
- Headline small
- Headline medium
- Headline large
Form Elements
- Form
- Button
Layout Elements
- Comment
- Aligned Image in Text
- Accordion
- Table
- Section
- Modal (full)
- Modal (Overflow)
- Marker
- Inverse
- Grid
- Divider
- Card
- Horizontal rule
- Alert
Interactions & Animations
- Animations
- Countdown
- Progress Bar
- Sticky
- Scrollspy
- Notification
- Spinner
- Sortable
- Slider
- Parallax
- Filter
- Drop
- Upload Area
- Scroll up/down

Content
- Article