Mezcal UI

Magically crafted components for your Web projects, created with Tailwind CSS and modern technologies.

Mezcal UI - Magically crafted components for your Web projects. | Product Hunt
Elena GonzálezJuan RodriguezAna RamirezMarco PerezJose Rojas
Join 200+ Users using mezcalui.⭐️⭐️⭐️⭐️⭐️
Beautiful components for your web apps
A fully functional set of components created with tailwindcss, copy and paste them to any of your apps and create stunning websites in minutes.
Stars
Embark on a Star Journey with Our Moving Stars Effect Component. By incorporating this component into your design, you will unleash a cosmic spectacle right on your website. Imagine yourself on a clear and starry night, but on the screen of your device. As the user is immersed in your content, a sea of stars begins to gently move across the component, creating a sensation of movement that is simply mesmerizing.
Card Deck
Immerse yourself in the Sports Dimension with our Dynamic Hologram Component. Its use is as simple as sliding a collectible card into the palm of your hand. Integrate it into your design and get ready for an exceptional experience. Imagine a deck of digital sports cards coming to life in the heart of your site. Each card displays valuable and exciting information, but here comes the most impressive: when your users cursor hovers over a card, the hologram effect is automatically activated!
Globe
This digital globe is much more than a visual representation. You can grab it with your cursor and move it around, as if you were spinning a miniature planet. Watch the continents and oceans slip under your fingers, revealing fascinating destinations and details.
Lava Lamp
The Lava Lamp component provides a vibrant and dynamic visual element to your application. Its mesmerizing, fluid-like movements can be customized with different color schemes, making it a versatile and engaging component for any UI.
Crypto Card
Unlock the Secret: This is how you can boost your site with our crypto effect component. Simply integrate this module into your design like you would any other element.
Ring
Put a Color Spin on Your Creativity: Our Multicolor Circular Effect component is easy to integrate and surprisingly versatile. To use it, simply add the provided code to your website. Once implemented, you will see your content come to life with a mesmerizing circular effect that changes color.
Card Animation
Bringing your content to life has never been easier. Start by incorporating this component into your design, and on top, dazzle your visitors with a striking background image and captivating message, but here comes the magic: when your users' cursor dances over the component, the image will transforms, revealing a new vision and a fresh message that will surprise. It is as if they are unveiling a world of possibilities with a single movement.
Black Hole
Explore Cosmic Mystery: Our Black Hole Effect Component allows you to add a touch of intrigue and wonder to your website. Integration is as easy as a star step. Simply insert the provided code into your design and watch a digital black hole captivate your visitors attention.
Solar System
Explore the Universe Your Way. Create your own unique planetary system by adjusting sizes, colors, and textures. See realistic orbits and adjust speeds for mesmerizing celestial patterns. Discover the magic of space simulation and allow your users to explore the cosmos under your guidance!
Card Slider
A slider that can be used to display a collection of cards or other content with support for touch gestures.
Vertical Carousel
A vertical carousel component for your Web projects. Forget the horizontal carousel, this vertical carousel is perfect for your apps, portfolios, and more. Create stunning websites in minutes with this easy-to-use component.
Cards
An elegant card container designed to highlight the distinct features of your app. It's also perfect for displaying a curated set of items, such as testimonials. The card container is a great way to showcase your app's features or display a curated set of items, such as features.
Circular Waves
Catch Eyes With Our Circular Waves Component! At the heart of your design, create a custom focal point with any element you desire. But here's the magic twist: Around this focal point, circular waves expand, creating a visual effect that is simply mesmerizing.
Text Flip
Interactive Text Flip Component. Elevate your text with our Text Flip component. Hover your mouse over it and experience the magic as the text undergoes a captivating flip effect, revealing a stunning color transformation. Engage your audience and add a touch of interactivity to your content with this dynamic feature.
Radar
Sophisticated logo representing a cutting-edge radar component tailored for your web endeavors. This emblem encapsulates dynamism and innovation, enabling users to craft a personalized radar infused with their unique content. Whether it's showcasing professional skills, treasured pets, or revered brands, this logo embodies versatility and modernity in every curve and hue.
Svg Mask
The SVG acts as a magic wand, revealing only the form defined by the main SVG file. Imagine creating unique and captivating clipping effects to highlight your content, giving it a distinctive appearance.