Building a Glass-Themed Fintech Bento Section in React I designed and built this bento grid section for a modern fintech interface, bridging product design, React frontend, and micro-interactions. The goal was to take complex operational metrics—like ledger tracking, risk management, and automated regulatory reporting—and present them in an intuitive, high-density bento layout without sacrificing speed. Bento Architecture: Structured a high-density, multi-card layout that cleanly categorizes core capabilities (ledger reconciliation, risk monitoring, agent workflows, and automated compliance). Glassmorphism & Visual Polish: Applied layered semi-transparent glass cards, subtle dynamic borders, and soft shadows to maintain depth while keeping text and data metrics crisp. React & State Management: Implemented modular React components to support fluid grid reordering and real-time data updates. Micro-Interactions & Motion: Engineered subtle hover states, smooth entry triggers, and lightweight motion cues to guide user attention. Performance Optimization: Cleaned up backdrop filters and layout reflows to keep render times minimal and ensure a fluid 60fps scrolling experience.

0

18

Glass Icon Concept I worked on a glass themed fintech website concept, built entirely in React. The goal was to explore how glass, motion, and micro interactions could make a fintech interface feel more alive while keeping the experience clean, smooth, and optimized for performance.

0

81

Particle Animation Exploring what’s possible with particles and motion. This transforms thousands of tiny particles into an owl, creating a soft, fluid movement that feels almost alive. Built from scratch with code focusing on motion, depth, and keeping the interaction lightweight. Just a small experiment, but these are the kind of details I love bringing into digital experiences.

2

1

99

Modern Components For Designers & Developers

0

Godwin Janarthan

Frontend Engineer