Hello Helloooooo! I am

siddhant baghel

and a product designer.

TECHSTACK

In the age of AI, ideas are abundant, intent is scarce. Keep the best ideas in sync, perfect them, and deliver excellence.

Case studies

Motion Labs

Product

Motion Labs

The website, client portal and AI ad system for an AI-native video agency in Dubai, designed and built solo.

Product

Raven Edge

The website for a full-stack product agency, and the first site I built entirely from my own components: WebGL, Rive and full light and dark themes.

Product

The ten-day storefront

A 29-page website and store for a high-profile smartphone brand in 10 days, and a free Framer–Shopify plugin I built along the way that people still use.

UX Research

Art is an instinct

Why does art hold people who can’t make it? Intent from the caves to AI, and what designers can do about slop.

UX Research

Is your app urinally optimized?

Men’s washrooms and phone tab bars both settle into slots 1, 3 and 5. I tried to break that theory until only a usable layout rule was left.

Product

The job application machine

One form in, a resume tailored to the company out. An n8n workflow that researches, writes, scores itself and retries until it passes.

Best viewed on desktop

Everything here works on a phone. The sideways scroll, the ink trails and the hover details were made for a bigger screen, so open it on a laptop when you can.

Graphic design

Hover to view. Made with AI (Adobe Illustrator :D)

Side projects

Smaller builds and experiments, made for the fun of it.

Finance app

Finance app

I used to run out of money before the month did. Not because I earn too little, but because I never knew what was left to spend today. So I built an Android app with one number on the home screen: how much I can spend right now. It splits the month’s budget into days, updates live as bank SMS come in, and turns green, orange or red on the lock screen. Save today and it carries into tomorrow; overspend and it follows as debt. Groceries, fuel and subscriptions each get their own pool, a statement audit fills in what SMS misses, a rewards corner turns a product link into a smaller daily target, and a shared ledger tracks who owes what and drafts the reminder. It all runs on my phone, so my bank data never goes to a server. Way too many lines of Kotlin, almost none typed by hand: I wrote the spec and built it section by section with Google AI Studio and Claude. A designer had no business shipping an Android app. Being broke is a great PM, though.

The Future Jobs

The Future Jobs

The Future Jobs lists jobs that don’t exist on the internet yet. I redesigned and refreshed the whole site, keeping its structure and changing how it feels. The new look is inspired by Studio Ghibli: painted skies and fields, clouds that drift, and a robot hand reaching up out of the grass. It’s built to feel alive and interactive, so nearly everything answers when you move, hover or scroll. Along the way I built a set of custom components for it that went on to do well with the Framer community. The site is listed in the Framer Gallery.

Framer template

Framer template

A complete website template for Framer where scrolling drives everything. As you scroll, the camera moves through a dark hall of classical statues and the words arrive with it: “Strength that doesn’t fade.” “No shortcut. No gimmicks.” It isn’t trying to invent a new interaction. It’s a style you don’t see in today’s templates, and I made it to give something different back to the community.

stuff im good at

Framer
Figma
Claude
ChatGPT
Shopify
Miro
Notion
Maze
Google Analytics
Webflow
Lottie
n8n
Interaction Design
Framer Development
Prototyping
Web Development
Responsive Design
User Research
UX Writing
User Testing
Design Thinking
Wireframing
Design Systems
Product Design
Brand Design
Motion Design
Micro-interactions
AI Art Direction
Prompt Engineering
Workflow Automation
Data-informed Design
E-commerce Design
Collaboration
Problem-Solving

Freebies

Components and a plugin I made for Framer. Free to use.

Scroll Splashscreen

Scroll Splashscreen

An animated splash screen that plays as you scroll.

3D SpatialGallery

3D SpatialGallery

A WebGL tunnel of images and video you scroll through.

Expanding Carousel

Expanding Carousel

A row of image panels that expand on hover.

Miosu

Miosu

A small web pet that watches you work.

TextFormatter

TextFormatter

Auto-formats any text you paste in.

Taped Testimonials

Taped Testimonials

A testimonial slider styled as taped polaroids.

PricingTicket

PricingTicket

A pricing card shaped like a torn receipt.

ShoppableReels

ShoppableReels

A ticker of shoppable video reels.

StampTrail Footer

StampTrail Footer

A footer where the cursor leaves a trail of stamps.

Shopify CMS Sync

Shopify CMS Sync

Brings Shopify products, prices, photos and reviews into the Framer CMS.

CMS Card Reveal

CMS Card Reveal

CMS cards that burn away to reveal what's underneath.

GoldenDust

GoldenDust

Text that glitters with drifting gold dust.

BeforeAfter

BeforeAfter

A drag-to-compare before and after slider.

Accessibility Widget

Accessibility Widget

An accessibility menu for every visitor.

Word Search v2

Word Search v2

An animated word search grid.

Eyetrack

Eyetrack

A ring of values orbiting the centre of a section.

LinkPlank

LinkPlank

Your links on a 3D wooden shelf.

AuroraStrip

AuroraStrip

An aurora glow strip that reacts to scroll.

Draw a circle to enter the hiring page

Manifestation Sector

Light a candle to read a wish.

i HATE TEMPLATES

Crafted with 🖤

by Siddhant Baghel

Explore

The other side

Side projects and free Framer components, the less formal half of Siddhant Baghel’s work.

01 / Side projects

Finance app

Finance app

I used to run out of money before the month did. Not because I earn too little, but because I never knew what was left to spend today. So I built an Android app with one number on the home screen: how much I can spend right now. It splits the month’s budget into days, updates live as bank SMS come in, and turns green, orange or red on the lock screen. Save today and it carries into tomorrow; overspend and it follows as debt. Groceries, fuel and subscriptions each get their own pool, a statement audit fills in what SMS misses, a rewards corner turns a product link into a smaller daily target, and a shared ledger tracks who owes what and drafts the reminder. It all runs on my phone, so my bank data never goes to a server. Way too many lines of Kotlin, almost none typed by hand: I wrote the spec and built it section by section with Google AI Studio and Claude. A designer had no business shipping an Android app. Being broke is a great PM, though.

Finance app

Finance app

I used to run out of money before the month did. Not because I earn too little, but because I never knew what was left to spend today. So I built an Android app with one number on the home screen: how much I can spend right now. It splits the month’s budget into days, updates live as bank SMS come in, and turns green, orange or red on the lock screen. Save today and it carries into tomorrow; overspend and it follows as debt. Groceries, fuel and subscriptions each get their own pool, a statement audit fills in what SMS misses, a rewards corner turns a product link into a smaller daily target, and a shared ledger tracks who owes what and drafts the reminder. It all runs on my phone, so my bank data never goes to a server. Way too many lines of Kotlin, almost none typed by hand: I wrote the spec and built it section by section with Google AI Studio and Claude. A designer had no business shipping an Android app. Being broke is a great PM, though.

The Future Jobs

The Future Jobs

The Future Jobs lists jobs that don’t exist on the internet yet. I redesigned and refreshed the whole site, keeping its structure and changing how it feels. The new look is inspired by Studio Ghibli: painted skies and fields, clouds that drift, and a robot hand reaching up out of the grass. It’s built to feel alive and interactive, so nearly everything answers when you move, hover or scroll. Along the way I built a set of custom components for it that went on to do well with the Framer community. The site is listed in the Framer Gallery.

The Future Jobs

The Future Jobs

The Future Jobs lists jobs that don’t exist on the internet yet. I redesigned and refreshed the whole site, keeping its structure and changing how it feels. The new look is inspired by Studio Ghibli: painted skies and fields, clouds that drift, and a robot hand reaching up out of the grass. It’s built to feel alive and interactive, so nearly everything answers when you move, hover or scroll. Along the way I built a set of custom components for it that went on to do well with the Framer community. The site is listed in the Framer Gallery.

Framer template

Framer template

A complete website template for Framer where scrolling drives everything. As you scroll, the camera moves through a dark hall of classical statues and the words arrive with it: “Strength that doesn’t fade.” “No shortcut. No gimmicks.” It isn’t trying to invent a new interaction. It’s a style you don’t see in today’s templates, and I made it to give something different back to the community.

Framer template

Framer template

A complete website template for Framer where scrolling drives everything. As you scroll, the camera moves through a dark hall of classical statues and the words arrive with it: “Strength that doesn’t fade.” “No shortcut. No gimmicks.” It isn’t trying to invent a new interaction. It’s a style you don’t see in today’s templates, and I made it to give something different back to the community.

02 / Freebies

Scroll Splashscreen

Scroll Splashscreen

An animated splash screen that plays as you scroll.

3D SpatialGallery

3D SpatialGallery

A WebGL tunnel of images and video you scroll through.

Expanding Carousel

Expanding Carousel

A row of image panels that expand on hover.

Miosu

Miosu

A small web pet that watches you work.

TextFormatter

TextFormatter

Auto-formats any text you paste in.

Taped Testimonials

Taped Testimonials

A testimonial slider styled as taped polaroids.

PricingTicket

PricingTicket

A pricing card shaped like a torn receipt.

ShoppableReels

ShoppableReels

A ticker of shoppable video reels.

StampTrail Footer

StampTrail Footer

A footer where the cursor leaves a trail of stamps.

Shopify CMS Sync

Shopify CMS Sync

Brings Shopify products, prices, photos and reviews into the Framer CMS.

CMS Card Reveal

CMS Card Reveal

CMS cards that burn away to reveal what's underneath.

GoldenDust

GoldenDust

Text that glitters with drifting gold dust.

BeforeAfter

BeforeAfter

A drag-to-compare before and after slider.

Accessibility Widget

Accessibility Widget

An accessibility menu for every visitor.

Word Search v2

Word Search v2

An animated word search grid.

Eyetrack

Eyetrack

A ring of values orbiting the centre of a section.

LinkPlank

LinkPlank

Your links on a 3D wooden shelf.

AuroraStrip

AuroraStrip

An aurora glow strip that reacts to scroll.

Scroll Splashscreen

Scroll Splashscreen

An animated splash screen that plays as you scroll.

Taped Testimonials

Taped Testimonials

A testimonial slider styled as taped polaroids.

CMS Card Reveal

CMS Card Reveal

CMS cards that burn away to reveal what's underneath.

Word Search v2

Word Search v2

An animated word search grid.

3D SpatialGallery

3D SpatialGallery

A WebGL tunnel of images and video you scroll through.

PricingTicket

PricingTicket

A pricing card shaped like a torn receipt.

GoldenDust

GoldenDust

Text that glitters with drifting gold dust.

Eyetrack

Eyetrack

A ring of values orbiting the centre of a section.

Expanding Carousel

Expanding Carousel

A row of image panels that expand on hover.

ShoppableReels

ShoppableReels

A ticker of shoppable video reels.

BeforeAfter

BeforeAfter

A drag-to-compare before and after slider.

LinkPlank

LinkPlank

Your links on a 3D wooden shelf.

Miosu

Miosu

A small web pet that watches you work.

StampTrail Footer

StampTrail Footer

A footer where the cursor leaves a trail of stamps.

Accessibility Widget

Accessibility Widget

An accessibility menu for every visitor.

AuroraStrip

AuroraStrip

An aurora glow strip that reacts to scroll.

TextFormatter

TextFormatter

Auto-formats any text you paste in.

Shopify CMS Sync

Shopify CMS Sync

Brings Shopify products, prices, photos and reviews into the Framer CMS.

This is the short version for phones. The full portfolio, with the sideways scroll and the ink details, is made for a desktops.

Crafted by Siddhant Baghel