Quantcast
Channel: Tutorials & Guides - Cruip
Browsing all 24 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

4 Examples of Dropdown Menus with Tailwind CSS and Radix UI

Live Demo Download In this tutorial, we’ll see four different dropdown menu configurations made with Tailwind CSS for styling and Radix UI primitives for functionality. We’ve drawn inspiration from...

View Article


Image may be NSFW.
Clik here to view.

Animate a React Switch Toggle with Framer Motion

Live Demo Download In this quick tutorial, we’ll show you how to create an animated switch toggle React component using Radix UI, Tailwind CSS and Framer Motion. This toggle animation is inspired to...

View Article

Image may be NSFW.
Clik here to view.

Toggle Password Visibility with Tailwind CSS and Next.js

Live Demo Download Today, we’re going to build a simple password field with a toggle button to show or hide the password. This is a common UI element that improves user experience by allowing users to...

View Article

Image may be NSFW.
Clik here to view.

Build a Password Field with Strength Indicator with Next.js

Live Demo Download In this guide, we’ll build a fully accessible password input field providing real-time feedback about password strength using Next.js and Tailwind CSS. The component we’ll create...

View Article
Browsing all 24 articles
Browse latest View live