設計と創造design & creation

Frontend engineer · Web3 systems · Figma to code

I build complex frontends that hold up in production.

From multi-chain products and live transaction flows to detailed Figma builds, I turn ambitious interface work into reliable software.

Discuss a role Résumé View selected work

Open to remote roles · Jaipur, India

dev.rillex.games · production

Preparing full preview…

In production10+ chains · 20 languages · 22 modules

Flagship system

Rillex Casino

A real-money Web3 product where authentication, wallets, localization, games, and live transaction state need to agree.

Promotions · localized product content

Preparing full preview…

Production complexity, made legible.

One frontend. Many systems in motion.

I built isolated feature modules, cross-tab authentication, encrypted client storage, live events, and right-to-left localization so the product could stay straightforward for users.

Architecture: 22 self-contained feature modules
Authentication: 6 methods with cross-tab session sync
Reach: 20 languages, including RTL Arabic

Read the case study

全景

Explore the complete Rillex homepage.

Move into the browser and scroll it like the shipped product.

Rillex Casino · full production homepage

Scroll ↕

Preparing full preview…

作品

Flagship system

Cryptogrator

A B2B crypto-casino site where a roulette world, hand-built in Three.js, carries the sales story.

Live 3D product storytelling.

One canvas, one scroll signal.

A procedural Three.js roulette world, driven by the page's own scroll.

Scene: Table, light, and camera, all built in code.
Motion: One Lenis signal drives the camera. No second loop.
Fallbacks: Quality tiers, reduced motion, and poster frames.

Read the case study Visit cryptogrator.com

Cryptogrator · live production site

Preparing full preview…

実機

Explore the live Cryptogrator site.

The real site runs in this frame. Click in to explore it; scroll outside it to move on.

実証

作法working practice

The work is designed to survive the handoff.

01Read the intent
Extract the visual rules, hierarchy, and responsive behavior before the first component exists.
02Build the system
Make complex product state feel deliberate through clear modules, states, and interface contracts.
03Prove the finish
Refine the seams: browser sizes, motion, accessibility, and the details people notice without naming.

精密に構築built with precision

When the brief is pixel-perfect, I build the design-not a template.

These shipped sites began as ambitious Figma files. Their layout, imagery, motion, and responsive behavior called for custom composition instead of generic component-library patterns.

EduVisa · Figma replica

Scroll ↕

Preparing full preview…

Pixel-perfect design, made responsive.

One design. Twelve pages in perfect rhythm.

A 12-page consultancy site with overlapping SVGs, mouse-reactive backgrounds, custom responsive compositions, and three coordinated motion layers.

Motion: 30+ purposeful CSS and Framer Motion sequences
Responsive: Eight ranges through ultrawide screens
Craft: Zero generic UI-library dependence

Inspect the build

Product logic, made effortless.

Complex flight data. One effortless booking flow.

A points-to-flights product translated from Figma into a typed Next.js system with validated search, normalized API data, and responsive booking flows.

Data: Raw flight bundles normalized into UI-safe contracts
Validation: React Hook Form and Zod across critical flows
Performance: Dynamic imports protect the initial experience

Inspect the build

Go Flynt · Figma replica

Scroll ↕

Preparing full preview…

More production work