@cruip

Create a Carousel with Progress Indicators using Tailwind and Vue

Jan 9, 2024 · 10 min read · Originally published at cruip.com -- 👉 Live Demo / Download Welcome to the third and final part of this series. In the previous articles, we covered creating a carousel with progress indicators using HTML and React. Now, it's time to dive into Vue. ...

Create a Carousel with Progress Indicators using Tailwind and Next.js

Jan 9, 2024 · 11 min read · Originally published at cruip.com -- 👉 Live Demo / Download In the first part of this tutorial, we showed you how to build a modular carousel component with progress indicators using Alpine.js. Now, we're going to do something very similar but with ...

Create a Carousel with Progress Indicators using Tailwind and Alpine.js

Dec 19, 2023 · 9 min read · Originally published at cruip.com -- 👉 Live Demo / Download A landing page that lives up to its name must condense information in a clear and effective way. When it comes to show a product's features using images, there's a risk of overwhelming the ...

Creating a Tooltip-like Testimonial with Tailwind and Alpine.js

Dec 12, 2023 · 13 min read · Originally published at cruip.com -- 👉 Live Demo / Download Testimonials play a crucial role in digital marketing as they serve as social proof of product quality and customer satisfaction. However, a common issue with testimonials is that they ofte...

Creating a Pricing Table with Range Slider using Tailwind CSS and Alpine.js

Dec 5, 2023 · 15 min read · Originally published at cruip.com -- 👉 Live Demo / Download In the SaaS world, products or services are often offered at a set price, along with a discount for yearly subscriptions. This conventional approach is widely used and demonstrated in this ...