Our great sponsors
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
open-react-template
A free React / Next.js landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
We will accomplish these two tasks in a single step by using a transition component. We’ll use the Headless UI library instead of Vue 3’s built-in Transition component. If you’ve followed our previous tutorial on creating a video modal component, you might already be familiar with this preference.
As usual, to get a better idea of how the final outcome will look, check out the live demo or one of our beautiful Tailwind CSS templates (e.g., Stellar, a dark landing page template based on Next.js).
Related posts
- How to Build a Fancy Testimonial Slider with Tailwind CSS and Next.js
- Headless UI - a great components library for Vue & React
- Create a Carousel with Progress Indicators using Tailwind and Next.js
- Create a Carousel with Progress Indicators using Tailwind and Alpine.js
- Creating a Tooltip-like Testimonial with Tailwind and Alpine.js