Toggle Switch
Toggle switch for dark mode
This tailwind example is contributed by Charlotte Dupont, on 24-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.
Author Charlotte Dupont
Related Examples
-
Dark mode toggle button
Switch to dark mode without any hassle with this simple JavaScript hack. Sun night button
2 years ago20.6k -
2 years ago15.6k -
2 years ago12.5k -
Toggle switchtoggle switch with smooth animation
1 year ago3.5k -
2 years ago15.9k -
Button groupAdd active class to clicked button using JavaScript
3 years ago10.5k -
10 months ago1.5k -
Checkbox modelsTailwind Checkbox models
5 months ago731 -
1 year ago1.8k
-
Configurable 3-Tier Responsive Pricing TableA modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.
6 months ago644 -
10 months ago992 -
Elegant SwitchesUseful Tailwind classes for creating several types of basic switches.
6 months ago403
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
