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.
As we did with the modal video component created in a previous tutorial, we will use the Headless UI library for managing transitions. So, if we haven’t already, we need to install the library using the command npm install @headlessui/react@latest.
We hope you enjoyed this tutorial and learned a thing or two about how simple it is to create enjoyable modern components to enrich your Tailwind CSS landing pages.
Related posts
- How to Build a Fancy Testimonial Slider with Tailwind CSS and Vue
- 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