Cruip Reviews and details

Social recommendations and mentions

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

  In the second part of this tutorial, we've created a carousel with progress indicators using Tailwind CSS and Next.js. We've also learned how to make the component reusable across our entire application. If you want to see how to build a similar component with Alpine.js or Next.js, I recommend checking out the links below. We also recommend checking out our Tailwind templates if you're looking for similar... - Source: dev.to / 4 months ago

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

  In this tutorial, we've seen how to make the most of Alpine.js to create an image carousel with progress indicators. Alpine.js's logic allowed us to build a modular carousel element, just like we would with React or Vue. If you found this tutorial helpful, make sure to take a look at our Tailwind HTML templates. They are all crafted using this incredible framework! - Source: dev.to / 4 months ago

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

  This tutorial is yet another demonstration of how powerful and versatile the Tailwind CSS + Alpine.js combo is. With just a few lines of code - all within the HTML document! - we have created an interactive, accessible, and responsive component. If you've found this tutorial useful, we recommend checking out our HTML templates built with Tailwind, all designed with Alpine.js. Feel free to experiment further,... - Source: dev.to / 4 months ago

• Making a Text Scramble Animation with JavaScript

  The text scramble effect is a cool animation that rapidly unveils text by randomly changing characters - just like those scenes in movies where hackers decode strings of text! Inspired by Evervault's blog, we'll make a navigation menu with that kind of effect when you click on links. Plus, we'll give you both light and dark versions of the menu, so you can integrate this example into any of our Tailwind templates. - Source: dev.to / 5 months ago

• Create a Gradient Text Reveal on Scroll with Tailwind CSS and JS

  If you want your website to stand out from the others, you need to create interesting and engaging experiences. That's why we've been taking a more experimental approach in our latest tutorials. We hope you're enjoying this fresh perspective! Oh, and tell us if you'd like to see something similar in one of our Tailwind templates. - Source: dev.to / 5 months ago

• Building an Expandable Header with Tailwind CSS and Alpine.js

  In this tutorial, we saw how easy it is to create an expandable header component using Alpine.js - without writing a single line of JavaScript, and using a CSS-only approach for animating the menu height. Hope you enjoyed this tutorial, and let us know if you want to see this component integrated into one our Tailwind templates! - Source: dev.to / 6 months ago

• How to Make a Stunning CTA Animation with Tailwind CSS

  In all our Tailwind templates you'll find at least one Call To Action. We designed them in unlimited shapes and styles, with the ultimate goal of creating a connection between products and end users. - Source: dev.to / 6 months ago

• Create an Animated Gradient Text with Tailwind CSS

  We at Cruip love gradients. We use them on many of our Tailwind CSS templates and tutorials, and we are constantly looking for new ways to add a bit of colour to our designs. - Source: dev.to / 6 months ago

• Build a Hoverable Dropdown Menu with Tailwind CSS and Alpine.js

  If you liked this tutorial, you might want to check out our collection of Tailwind CSS tutorials, or our Tailwind CSS templates if you’re looking for ready-made templates or components. - Source: dev.to / 7 months ago

• Generate Dynamic Open Graph and Twitter Images in Next.js

  Although still an experimental feature of Satori, it’s possible to use Tailwind CSS classes to style the image’s content. We’re big fans of the Css frameworks, as shown by our Tailwind templates, so we had to give it a try! - Source: dev.to / 8 months ago

• Create an Infinite Horizontal Scroll Animation with Tailwind CSS

  If you’re hungry for more guides and tips we invite you to look at our section of Tailwind CSS tutorials or our gallery of Tailwind CSS templates if you need a starting point for your next project. - Source: dev.to / 8 months ago

• Building a Simple Animated Accordion Component with Tailwind CSS

  If you’ve previously come across our Tailwind CSS templates, you probably know we use accordions extensively. If you’re interested in seeing some of them in action, please take a look at our elegant HTML website template, or our simple website template. - Source: dev.to / 9 months ago

• How to Create a Feature Comparison Table with Tailwind CSS

  We’ve already designed something wimilar in two of our Tailwind CSS templates, so if you want to see how we did it, check out Stellar, a dark next.js landing page template, and Simple, a simple website template. - Source: dev.to / 9 months ago

• How to Add Custom Fonts in Next.js and Tailwind CSS Templates

  We hope that this guide has been helpful in showing you how to customize our Tailwind CSS templates. Happy coding! - Source: dev.to / 9 months ago

• Using Tailwind CSS and Alpine.js to Create Animated and Accessible Tabs

  At Cruip, we have long been fans of tabs and implemented them in multiple Tailwind CSS templates. For example, you can see them in use in our recruitment website template called Talent, or our elegant HTML website template called Tidy, or our SaaS website template called Open Pro. - Source: dev.to / 10 months ago

• Using Tailwind CSS and Next.js to Create Animated and Accessible Tabs

  If you want to see how versatile tabs are at displaying similar but different information, take a look at some of our Tailwind CSS templates where we use this component:. - Source: dev.to / 10 months ago

• Using Tailwind CSS and Vue to Create Animated and Accessible Tabs

  You can find plenty of additional examples in our gallery of premium Tailwind CSS templates or free Tailwind CSS landing pages, websites, and dashboards. - Source: dev.to / 10 months ago

• Create Dynamic Blog Layouts Using Negative Margins

  We hope you found this tutorial helpful and that you will apply the techniques to your blog designs to give them a more dynamic look and feel. If you’re interested in learning more about our tips and techniques, look at our section of Tailwind CSS tutorials, or if you’re looking for a ready-made solution for your next project, check out our Tailwind CSS templates. - Source: dev.to / 10 months ago

• 3 Examples of Brilliant Vertical Timelines with Tailwind CSS

  If you want to take a look at how we previously implemented a vertical timeline in one of our Tailwind CSS templates, we suggest checking out this SaaS website template called Open Pro. - Source: dev.to / 10 months ago

• How to Build a Fancy Testimonial Slider with Tailwind CSS and Alpine.js

  We’ve created testimonial components for several of our Tailwind CSS templates, but if you want to see in action the exact same slider component that we’ll be creating in this tutorial, we recommend taking a look at the Dark Next.js landing page template called Stellar. - Source: dev.to / 10 months ago

• How to Build a Fancy Testimonial Slider with Tailwind CSS and Next.js

  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. - Source: dev.to / 10 months ago