Hi, I'm Amol Sidhu.I build scalable systems with polished UIs.
/components/shine.tsx
export function Shine() {
// Software doesn’t sparkle by accident, we make it sparkle ✨
// Move fast, stay resilient, ship frequent 🚀
return (
<div className="glass rounded-2xl p-4 flex items-center">
<Sparkles className="size-4" />
{/* TODO: automate the boring stuff, celebrate the wins */}
</div>
);
}
Stack
Next.js, TS, Tailwind
Framer MotionRecharts
Style
Gradient mesh + glass
Dark‑mode native
FullstackNode.jsReactGraphQLTypescriptSRECI/CDIaCAWSDockerTerraformGolangPythonPostgreSQL
Selected Work
Building end-to-end software that solves business bottlenecks with clean design and reliable engineering.
Design
Landing Page
Theme-aware layout, smooth navigation, animated cards.
Next.jsTailwindFramer Motion
Motion
Parallax Magic
Scroll-driven depth with Framer Motion and GPU transforms.
Framer MotionReact
Viz
Polished Dashboards
Responsive Recharts with tooltips, legends, and dark mode.
ReactRecharts
Drag & Drop
Draggable Kanban
Sortable cards and cross-column moves powered by @dnd-kit.
@dnd-kitReact
Writing
Blog
Posts on UI patterns, experiments, and case studies.
MDXNext.js
Behind the Scenes
- ✨ Previews are all SVG — no images
- 🎨 Motion powered by Framer Motion
- 🌓 Fully theme-aware with zero assets
- ⚡ GPU-optimized transforms for smooth UX
Want this level of shine on your product?
I love turning ideas into crisp, production-ready interfaces.
Let's talk