MARKETPLACE
PLUGINS
TOGGLES - CUSTOM TOGGLE
Toggles - Custom Toggle logo

Toggles - Custom Toggle

Published June 2020
   •    Updated this week

Plugin details

Built by TechBlocks in San Francisco. A beautiful and highly-customizable toggle enabling you to achieve pixel-perfect designs by customizing the exact color, size, and shape of your toggles.
🔗  Example in run-mode (with link to editor):
https://techblocksco.bubbleapps.io/toggle



📆  We pride ourselves in providing excellent support - if you reach out, we respond within one business day!  

*If you want to try the plugin: subscriptions are pro-rated so giving it a try is low-risk — subscribing to the plugin for a few days will cost you a matter of pennies

Examples of the some of the ways you can customize the Toggle element:

  • Toggle Background Color when "Yes"
  • Toggle Background Color when "No"
  • Toggle Height/Width (to the pixel)
  • Toggle Background Roundness
  • Handle Color
  • Handle Roundness
  • Handle Shadow Color
  • Animation Transition time (seconds)

    • Other popular plugins from Techblocks:

  • 📊 Premium Charts Bundle - Chart JS
  • ▶️ Video Player Bundle
  • 📄 PDF Generator
  • 🎨 FabricJS: Drawing & Painting Canvas

    • $35

    One time  •  Or  $5/mo

    3.3 stars   •   7 ratings
    13.8K installs
    This plugin does not collect or track your personal data.

    Platform

    Web

    Contributor details

    TechBlocks logo
    TechBlocks
    Joined 2017   •   22 Plugins
    View contributor profile

    Instructions

    💻  We highly encourage you to take a look at the editor page for the demo, where you can see how the Toggle can be customized.
    Editor demo here:
    https://bubble.io/page?version=live&type=page&name=toggle&id=techblocksco&tab=tabs-1

    Full instructions here:
    https://docs.techblocksco.com?tab=Toggle

    If you have any questions, don't hesitate to reach out to our team via the support URL or [email protected]. We are highly responsive!  (See support thread here: https://forum.bubble.io/t/new-plugin-beautiful-custom-toggle/99993).

    Types

    This plugin can be found under the following types:
    Element   •   Event   •   Action

    Categories

    This plugin can be found under the following categories:
    Media   •   Productivity   •   Data (things)   •   Containers   •   Input Forms   •   Visual Elements

    Resources

    Support contact
    Documentation
    Tutorial

    Rating and reviews

    Average rating (3.3)

    it doesn't work
    April 7th, 2025
    it can't load the page with the Preset State "yes"
    Hi there, thanks for reaching out! We're unable to reproduce this issue. Please send steps to reproduce it to [email protected] -- thanks! (plugin author)
    October 12th, 2025
      •  
    TechBlocks
    Nice plugin but bugged
    July 14th, 2024
    The plugin lets you customize the toggle really well but unfortunately it seems to be bugged: When you trigger a workflow it runs twice, (other people have reported this as well). The element also doesnt allow binding on parent element so I dont know how you are supposed to manipulate data with it. Still is not working months later
    Hi there, thanks for the feedback. We'll take a look at the issue you've reported and let you know once it's fixed. If you have any questions in the meantime, please reach out to [email protected] (plugin author)
    April 29th, 2024
      •  
    TechBlocks
    Brings apps to the next level
    April 16th, 2023
    I've always been annoyed with the native toggle plugin with Bubble because you can't customize the color, size. This plugin helps me bring the polish to my app with the exact color and size I need Customer support is A+ and gets back to me quickly when I reach out
    Thanks for the kind words about the plugin! We're always happy to hear how our plugins can help customers bring their app to the next level! (plugin author)
    April 17th, 2023
      •  
    TechBlocks
    Support Non-existent
    April 16th, 2023
    I emailed their support multiple times but have not received a response. The disable is not working at all
    Hi there, thanks for reaching out! We didn't receive an email for support on this feature that we can find. However, we'll look into the disable feature ASAP. What specifically is not working properly for you? If you prefer email, you can reach out at [email protected] (plugin author)
    April 17th, 2023
      •  
    TechBlocks
    Hello, I just forwarded the email to you. Just to let you know, the plugin page shows [email protected] instead of [email protected]
    April 17th, 2023
      •  
    Original reviewer
    Much better than Ionic toggles... BUT needs work
    February 13th, 2023
    I MUCH prefer this plugin over the Bubble Ionic toggles from an appearance perspective... EXCEPT that in a responsive page, the right-hand side of the toggle is cut off, and a scroll bar appears in all cases unless the box is contained inside a "Fixed" container (with the button element expanded beyond the size of the toggle). This seems to be fixable through custom size options plus margin changes... but it's a lot of hassle for what is very simple for most plugins! The other thing that makes this almost a dealbreaker, is the lack of capability to disable the toggle. I prefer to show it as a feedback input, even if not selectable - but now need to develop an alternative method for this, since my only option is to hide the element if I don't want it touched. Finally, if you have the toggle on top of a clickable group (positioned via align to parent) - if you click the toggle, it also triggers the group event as well as the toggle. This behaviour does not occur with the default bubble ionic toggle.
    Hi there, thanks for reaching out and sharing your feedback here! 1. We've pushed an update in v1.7.2 that enables you to disable the Toggle (there is a new property on the element properties called "Disabled?" under the General Setting section). Please upgrade and let us know if you have any feedback! 2. Regarding the responsive issues, can you email us a link to your editor so we can take a look ([email protected])? We weren't able to reproduce the issue here: https://alexsnewsandbox.bubbleapps.io/version-test/toggle_responsive (plugin author)
    February 13th, 2023
      •  
    TechBlocks
    Thanks for the prompt addition of the "Disable" feature! I have sent a loom through to describe the issues I've been experiencing. Not sure how much effort might be involved, but would it also be possible to add auto-bind functionality? I (and no doubt many others) tend to use this a lot with toggles.
    February 14th, 2023
      •  
    Original reviewer
    Bubble logo
    Product
    AI
    Mobile
    Design
    Data
    Logic
    Collaboration
    Security
    Status
    Release notes
    Bubble for
    Founders
    Developers
    Agencies
    Enterprise
    Discover
    How Bubble works
    Examples
    Pricing
    Learn
    Academy
    Technical guides
    Blog
    How to build
    Coaching
    Resources
    Connect to AI
    Marketplace
    Templates
    Plugins
    Experts
    Bootcamps
    Certification
    Partnerships
    Affiliates
    Figma to Bubble
    Community
    Bubble community
    Forum
    Newsletter
    Immerse
    Early access
    Store
    Company
    About
    Careers
    Brand guidelines
    Support
    Contact us
    Legal
    Terms
    Privacy
    ©  2026, Bubble Group, Inc. All rights reserved.
    Bubble
    Pricing
    Enterprise
    Contact sales