Utkarsh Pandey

lever-switch

Buttons 589

About

this a animated lever switch can be toggled on and off just like a lever or gear of a machine

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds lever-switch to your project and fits it to your theme.

Code

How lever-switch is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Component } from "@/components/ui/lever-switch";

export default function DemoOne() {
  return <Component />;
}

More by Utkarsh Pandey

View all
  • ai loader

    ai loader

    770
  • 3d button

    3d button

    455
  • bluetooth key

    bluetooth key

    428
  • 3d effect Loader

    3d effect Loader

    140
  • 3 dots loader

    3 dots loader

    137
  • slide glow button

    slide glow button

    110
  • comment reply

    comment reply

    71
  • Rising ball

    Rising ball

    36

More in Buttons

View all
  • Button

    Button

    5
  • Texture Button

    Texture Button

    97
  • Button Group

    Button Group

  • Eclipse Button

    Eclipse Button

    39
  • Button

    Button

    4
  • HeroUI Button Group

    HeroUI Button Group

  • Base Button

    Base Button

    4
  • App Store Button

    App Store Button

    458