Flame Button

Related Examples

• Join now button

  Attractive button for the CTA section

  Author:
  Matej Kovač

  1 year ago

  2.4k
• 
  Applications Showcase

  This is a stylish and interactive application showcase component designed for web use. It features the following elements: Background Styling: The main container has a rounded-rectangle shape (rounded-3xl) with a subtle white base overlaying a high-resolution background image, styled with background-size: 600px for an artistic touch. The image itself dynamically serves as a backdrop, giving the component a layered appearance. Main Icon: A small circular icon, located at the top-right corner, appears with smooth hover effects: Enlarges to double its size (scale-[2]). Rotates (rotate-[410deg]). Moves diagonally upwards-right (translate-x-3, -translate-y-3). These transitions occur over a duration of 1 second (transition duration-1000). Overlay Gradient: A transparent gradient overlay (bg-gradient-to-l) adds a polished depth effect, transitioning from black (from-black/80) to lighter shades. App Icon and Info: Icon: The app icon is a smaller, bordered square image (rounded-2xl) with hover shrink animations (group-hover:scale-95). Text: A bold application title (text-md font-semibold) with hover-animated underline effects that gradually expand from left to right. A short app description styled as secondary text. Call-to-Action Button: Below the card is a subtle, rounded button (rounded-full) encouraging interaction. It features: A hover effect with color inversion (gray to black). A lift effect (hover:-translate-y-1) when hovered. This component is perfect for modern app showcases, offering a dynamic, user-friendly visual experience. It ensures a professional look while engaging users through smooth animations and clear calls to action.

  Author:
  Banshee

  10 months ago

  2.4k
• 
  Componentes para mi empresa

  para mi empresa

  Author:
  BocchiChan

  5 months ago

  972
• 
  Continue with Social Login - Continue with Google, LinkedIn, Twitter, Facebook, GitHub, Apple

  Streamline your account creation and login process. Use our secure social login buttons to quickly sign in or register using your existing Google, LinkedIn, Twitter, Facebook, GitHub, or Apple account.

  Author:
  Homayoun

  4 weeks ago

  116
• 
  File Input

  File Input

  Author:
  Aman kumar

  1 year ago

  2.5k
• 
  Button Group

  Author:
  Prem..

  3 years ago

  9.7k
• 
  hero page

  by salvator

  Author:
  Baraka Salvator

  5 months ago

  1.1k
• Dark mode toggle button

  Switch to dark mode without any hassle with this simple JavaScript hack. Sun night button

  Author:
  Nishant Trivedi

  2 years ago

  20.6k
• 
  Free Animated Gradient Glow Button with Tailwind CSS

  A modern, responsive Tailwind CSS button with glowing gradient hover effects, smooth animations, and an integrated SVG icon. Perfect for landing pages, call-to-action buttons, or any stylish UI project. Fully customizable and open source , ready to copy, paste, and use in your projects.

  Author:
  Homayoun

  1 month ago

  83
• 
  buttons group

  some attractive button group on different varients primary, outlined and link button

  Author:
  Akram Khan

  1 year ago

  1.7k
• gradient button

  Author:
  Akram Khan

  1 year ago

  1.9k
• 
  Gradient Button

  instagram: ferdiisahin

  Author:
  Anonymous

  1 year ago

  1.7k