- Home
-
Toggle Switch
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.8k -
2 years ago15.7k
-
2 years ago12.6k
-
Toggle switch
toggle switch with smooth animation
1 year ago3.6k -
2 years ago16k
-
Button group
Add active class to clicked button using JavaScript
3 years ago10.5k -
Responsive Pricing Table with Toggle Switch — Built with Tailwind Flex
A clean, responsive Pricing Table UI built entirely with Tailwind CSS and Flexbox. Includes a smooth monthly/yearly toggle switch, fully mobile-friendly layout, and modern design — perfect for SaaS, startups, freelancers, or any web project. 📱 100% Responsive 🎯 Easily customizable 💡 Ideal for client or personal projects
7 months ago870 -
11 months ago1.1k
-
11 months ago1.6k
-
Checkbox models
Tailwind Checkbox models
6 months ago788 -
Material 3 Switches [Light]
Switches that conform to Google's Material 3 design guidelines
6 months ago692 -
Configurable 3-Tier Responsive Pricing Table
A 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.
7 months ago654
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components