johuniq

Joly Button

Buttons 76

About

A fully accessible button with 10+ variants including shimmer, glow, and gradient effects. Motion-powered cursor tracking and spring animations.

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

Code

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

Usage.tsx

import { Button } from "@/components/ui/joly-button";

export default function ButtonDemo() {
  return <Button>Button</Button>;
}

Dependencies

More by johuniq

View all
  • Liquid Metal Button

    Liquid Metal Button

    3.4K
  • Date Wheel Picker

    Date Wheel Picker

    191
  • AI Prompt Box

    AI Prompt Box

    158
  • Animated Theme Toggle

    Animated Theme Toggle

    102

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