Buttons are interactive elements used to trigger actions. ZentoUI provides four button styles — Glassy, Neumorphism, Basic, and Rotating — each designed for different aesthetics and interaction patterns.
The GlassyButton offers a modern frosted glass look with subtle scaling and shadow changes on hover. Perfect for call-to-action buttons in hero sections.
The NeumorphismButton uses soft shadows and highlights to create a subtle 3D appearance. Great for minimal and modern interfaces.
The Button component is a minimal wrapper for a native <button> element. Use it when you want full control over styling via Tailwind or custom CSS.
The RotatingButton swaps its label with an alternate text on hover, using Framer Motion for smooth animations.
| Component | Prop | Type | Description |
|---|---|---|---|
| GlassyButton | children? | string | Button label (default: "Get Started"). |
| onClick? | () => void | Click handler. | |
| NeumorphismButton | children | React.ReactNode | Button content. |
| Button | children | React.ReactNode | Button content. |
| className? | string | Custom class names. | |
| onClick? | () => void | Click handler. | |
| RotatingButton | data | [string, string] | Primary and secondary text. |
| className? | string | Optional custom classes. |