AI Design Engineer in Madrid 🌍 | Crafting intuitive designs

productHunt

github

dribbble

gumroad

projects

Eduardo Calvo • Peerlist

<h3>Discover The Gridcn, a cutting-edge theme and component library for shadcn/ui, inspired by the iconic Tron universe and infused with the power of Greek mythology. This comprehensive toolkit offers over 50 meticulously crafted components, designed to bring immersive, futuristic interfaces to life.</h3><ul><li>Authentic Tron Aesthetic: Immerse your users in a digital world with a theme that captures the essence of Tron, featuring dynamic 3D effects, HUD-style elements, and glowing visual cues.</li><li>Greek God Color Schemes: Choose from 6 distinct color palettes, each inspired by powerful Greek deities like Ares, Athena, and Poseidon, offering unique visual identities for your projects.</li><li>Extensive Component Library: Access a rich collection of over 50 pre-built components, including data cards, status bars, avatars, and more, all styled to perfection with the Tron-inspired design language.</li><li>Immersive 3D Effects: Enhance user experience with integrated Three.js effects, such as a dynamic 3D grid, particle systems, and light beams that react to user interaction and theme selection.</li><li>Movie UI Elements: Incorporate authentic movie UI elements, such as timers, alerts, and radar components, to create a truly cinematic feel for your applications.</li><li>Glow Utilities: Utilize powerful CSS utilities for creating stunning neon glows, scanlines, and pulsing animations, adding depth and visual flair to your interfaces.</li><li>TypeScript Support: Benefit from full type safety with comprehensive TypeScript definitions, ensuring a robust and maintainable development process.</li><li>Seamless Integration: Built on top of shadcn/ui and Tailwind CSS, The Gridcn integrates effortlessly into your existing React projects, including those using Next.js.</li><li>Customizable Themes: Easily customize existing themes or create your own by leveraging the oklch() color space and CSS variables for unparalleled control over your project's visual identity.</li><li>Ready-to-Use Templates: Jumpstart your development with two full-page layout templates – a Dashboard and a Landing Page – showcasing the practical application of The Gridcn components.</li></ul>The Gridcn is more than just a theme; it's a gateway to building visually stunning and highly interactive digital experiences. Explore the components, customize the themes, and enter the grid today.

The Gridcn | Tron-Inspired shadcn/ui Theme

<h3>SmoothUI - React UI with TailwindCSS &amp; Motion Animations</h3>Tagline: Free React UI components built with TailwindCSS and Framer Motion. Customizable, responsive, dark mode-ready, and perfect for modern UIs.SmoothUI is a collection of beautifully designed React components with smooth animations, built using React, Tailwind CSS, and Framer Motion. It aims to provide reusable UI components that enhance user experience. Key features include:<ul><li>Smooth Animations: Built-in animations powered by Motion for delightful user experiences.</li><li>Modern React Patterns: Utilizes Server Components, TypeScript, and hooks for optimal performance.</li><li>Tailwind CSS: Built with Tailwind CSS v4, featuring the latest utility-first CSS framework with enhanced dark mode and modern design patterns.</li><li>Responsive Design: Components are responsive and support both light and dark themes out of the box.</li><li>Customization: Easily customize components using Tailwind CSS utility classes.</li></ul>Whether you're building a new project or enhancing an existing one, SmoothUI offers a comprehensive set of tools to create stunning user interfaces.

SmoothUI

<h3>SparkBites: Web Design Inspiration Directory</h3>Discover SparkBites, a curated directory of innovative web design inspiration. Explore the latest UI/UX trends, creative portfolios, and cutting-edge design resources to fuel your next project. <ul><li>Hand-picked websites from our collection</li><li>Explore creative user interfaces and seamless user experiences</li><li>Discover tools for GDPR compliance and privacy-first data collection</li></ul> Whether you're looking to enhance your design skills or find inspiration for your next project, SparkBites offers a comprehensive collection of resources to help you create stunning web designs. Submit your website to be featured in our directory and join a community of designers and developers pushing the boundaries of web design.