blades
✨
Docs
|
Get started
Quick start
Dark scheme
CSS variables
Compact version
NEW
Layered modules
NEW
Inspired by Pico ✨
Layout
Landmarks & section
Container
Grid
Text columns
NEW
Overflow auto
Content
Typography
Link
Button
Icon
NEW
Table
Code block
NEW
Forms
Overview
Input
Textarea
Select
Checkboxes
Radios
Switch
Range
Float labels
NEW
Components
Accordion
Card
Dropdown
UPD
Group
Loading
Modal
UPD
Navigation
Progress
Tooltip
Timeline
NEW
More
Utilities
Conditional styling
Dynamic templates
NEW
Base HTML
NEW
Sitemap XML
NEW
Ninja CSS
NEW
(experimental add-ons)
CSS frameworks
2026–2040
11ty / Build Awesome kit ↗
|
Docs
Range
Forms
R
ange
Create a slider control with
<
input
type
=
"
range
"
>
.
Brightness
Contrast
Edit this page on GitHub