ShengzhiSang

button

Buttons

About

Ultrasonic Atomization Technology: The built-in ultrasonic atomizer uses high-frequency vibrations to break down water into nano-sized cool mist particles. This fine mist is dispersed quickly and evenly into the air, effectively relieving dryness without dampening your desk or electronics. Portability & USB Power: Designed to be compact and lightweight, it fits easily into any bag or backpack. It’s powered by a universal USB cable, allowing you to plug it into your laptop, a power bank, or a car charger for instant humidification wherever you go. Whisper-Quiet Operation: Operating at a sound level below 30dB, it’s as quiet as a whisper. Whether you're working with deep focus or settling down for a peaceful night's sleep, it will moisturize your air silently in the background without any disturbance. Smart & Safe Features: Two Mist Modes: Choose between a continuous spray or an intermittent mist to suit your comfort level and needs. Auto Shut-Off Protection: An integrated water level sensor automatically turns the device off when the water runs low, preventing damage from dry burning and giving you peace of mind. Ambient Night Light (Optional Feature): The soft, gentle LED light creates a warm and relaxing atmosphere, doubling as a convenient night light.

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

Code

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

Usage.tsx

import { Component } from "@/components/ui/button";

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

More in Buttons

View all
  • Button Save

    Button Save

    46
  • Button

    Button

    20
  • Eclipse Button

    Eclipse Button

    5
  • Button

    Button

    6
  • Button

    Button

    14
  • Button Group

    Button Group

    37
  • Button

    Button

    32
  • Split Button

    Split Button

    32