Light and Dark Mode
The only trick that have some javascript for the button, but the Dark/Light Themes are just CSS.
Typing Effect
Drop Shadow
Custom Cursor
Truncate Text
Truncate Text to the Specific Number of Lines
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellat numquam debitis veritatis voluptatem voluptate dolorem quibusdam sequi exercitationem ad!
Container Queries Overflow
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, aspernatur.
Custom List
- First Item
- Second Item
- Third Item
Custom Color Selection
Disable User Selection
Resize Anything
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis similique explicabo hic nostrum quia quas, libero eos deleniti quo ipsa iste illum alias reiciendis iusto quasi in aliquam accusantium. Dolorem?
CSS Modal
Open ModalDropdown Menu CSS Only
Javascript is not needed, but is the best choice to improve accessibility
Empty Elements
Custom Scrollbar
Sticky
HTML/CSS Tooltip
Hover here to see the tooltip in action
Custom Caret Color
Custom Select CSS Only
Custom Checkbox
Accent Color
::in-range and ::out-range
Toggle Button
Custom Labels
Fancy Text
Background Clipping
Flex Gap
Grayscale Image
Gradient Border
Animated Borders
Embed Video Lazy Loading
@Supports
Support to all browsers
Table Responsive
| First Name | Last Name | Profession | Dead/Alive | Birthplace | First Movie | Last Movie |
|---|---|---|---|---|---|---|
| Anakin | Skywalker | Jedi Not Master | Dead | Tatooine | The Phantom Menace | Revenge of the Sith |
| Luke | Skywalker | Jedi Master | Alive | Tatooine | A New Hope | Return of the Jedi |
| Padme | Amidala | Politician | Dead | Naboo | The Phantom Menace | Revenge of the Sith |
| Leia | Organa | General Princess | Alive | Alderan | A New Hope | Return of the Jedi |
Responsive text with clamp
Hello There!