Playground

A curated peek into my creative space—this gallery features some of my favorite UI explorations, micro-interactions, and components. It’s where I get to sweat the small stuff, experiment with ideas, and have fun pushing pixels with purpose.

Every piece here reflects my love for detail, craft, and designing experiences that just feel right.

Fade In Effect for Spotify Widget

This component demonstrates a simple fade-in effect using Framer Motion.

Not Playing

Spotify

Follow me on Spotify

Check my playlists ✌️

Insights Dashboard Widget

A carousel widget that smoothly displays insights with a background image and gradient overlay. Slides auto-advance with a progress bar, pause on hover, and come with easy-to-use pagination and progress indicators.

Insights
This Week

+23%

Success up with 3D Secure 2.0!

Boost security and ease with risk-based authentication for smooth low-risk transactions.

Showcase payment methods card

Decided to play around for landing page and home. I created a card component for the homepage to highlight the payment methods options. It's quite hard to make an index animation but hope to make it perfect soon.

Payment methods are just one step—Explore the journey

Unlock key payment methods and seamlessly connect to providers with just one integration, making your process smoother and more efficient.

The site is built using React, Next.js, TypeScript, Framer Motion, Tailwind and MDX, and hosted on Vercel.
Last updated on Apr. 6, 2024 at 8:30 AM by Eric.

Copyright © 2025 Eric Luciano. All rights reserved.