Playground

This gallery spotlights a handpicked collection of my UI designs, featuring micro-interactions and components that demonstrate my attention to detail and commitment to enhancing user experiences.

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 Sept. 22, 2024 at 8:30 AM by Eric.

Copyright © 2024 Eric Luciano. All rights reserved.