BB
Bryce Bayens

Button - Copy this React, Tailwind Component to your project

This button sits on a blue gradient background can you redesign? <button className="group inline flex items center px 8 py 4 text lg font medium rounded xl text white bg gradient to r from blue 500 to indigo 600 hover:from blue 600 hover:to indigo 700 transform transition all duration 200 hover:scale 105 focus:outline none focus:ring 2 focus:ring offset 2 focus:ring blue 500 shadow lg" onClick={() => console.log("Get Started clicked")} > Get Started Now <ArrowRight className="ml 2 mr 1 h 5 w 5 transform transition transform group hover:translate x 1" /> </button>

Prompt
Component Preview

About

Button - A sleek, rounded button with a blue gradient, hover effects, and shadow. Built with React and Tailwind for a modern UI. Download instantly!

Share

Last updated 1 month ago