Multi step form with tailwindcss and alpinejs

Related Examples

• 
  Feature Card

  Elevated card

  Author:
  Prajwal Hallale

  2 years ago

  9.8k
• 
  Portfolio with buttons

  Portfolio with buttons. Portfolio item has image, title and description.

  Author:
  Mike Varen

  7 months ago

  1.5k
• 
  Feature showcase cards

  Author:
  Lukas Müller

  1 year ago

  11.6k
• 
  Responsive Features Section

  It's a Handy Ready to Use Responsive Features or Services Component with Dark Mode

  Author:
  Ragnar lodbrok

  11 months ago

  3.8k
• 
  Showcase Your Services with Interactive Animations: A Modern HTML and Tailwind CSS Example

  Discover how to create an eye-catching services section using plain HTML and Tailwind CSS. This modern example features interactive animations that bring your services to life. With smooth hover effects and responsive design, this section is perfect for enhancing your website's user experience. Easily customize the content to fit your needs, and let Tailwind CSS handle the styling and transitions for a polished, professional look.

  Author:
  Hezron Okoko

  3 months ago

  767
• 
  beautifull web page

  I create a web page using cloude ai its amazing.

  Author:
  Akram Khan

  5 months ago

  1.3k
• 
  Features cards section

  Features cards section with dark theme

  Author:
  Sophia Baker

  1 year ago

  8.4k
• 
  accordion with Tailwind CSS and Alpinejs

  Author:
  Michael Andreuzza

  7 months ago

  1.2k
• 
  Features

  Author:
  Matti

  2 weeks ago

  21
• 
  What is Webby

  A showcase feature

  Author:
  Developer Kwame

  5 months ago

  833
• 
  Dark mode with Tailwind CSS and alpinjs

  Author:
  Michael Andreuzza

  7 months ago

  1.6k
• 
  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

  1 week ago

  229