Command Palette

Search for a command to run...

01 / Motion Available for thoughtful work

I build digital systems that feel alive.

I'm Pukar Subedi, a software engineer working where resilient systems, expressive interfaces, and careful details meet.

New York · Nepal
pukar.system
01intent: "clear"
02motion: "purposeful"
03systems: "resilient"
Scroll to explore
02 / shadcn/ui + Motion

A command center for ideas in motion.

Filter the work, run a deployment, or explore the icon language. Every control has a job.

developer.command

⌘ K

Workspace

Lab status Operational
Interface
subedi.io
A personal interaction lab with a careful server/client boundary.
Next.jsMotionGSAP
01
System
Orbit Ops
A calm control plane for noisy cloud infrastructure.
KubernetesCloudGo
24/7
Interface
Signal Board
Developer experience metrics without dashboard fatigue.
ReactTypeScriptDX
2.4×
System
Cluster Lens
An interactive map of distributed service relationships.
DockerObservabilityGraph
48ms
03 / GSAP · ScrollTriggerSignal → Structure → Ship

01 Read the signal

Start with the real problem.

Before pixels or platforms, I look for the useful signal: who needs what, where friction lives, and what success should feel like.

Phase 01
Intent first
Context Constraints Clarity

02 Shape the system

Make complexity legible.

Architecture and interface evolve together. The result is a system that communicates clearly—to users, operators, and the next engineer.

Phase 02
One language
Interface Architecture Feedback

03 Ship the experience

Polish what people can feel.

Performance, access, resilience, and motion are part of the product—not tasks saved for the final pass.

Phase 03
Built to last
Performance Access Delivery
04 / next-themes

One system. Three points of view.

Theme state stays practical; the materials around it do the expressive work.

Choose an environment

Preference
Resolved
System

Ambient glass

Translucency recalibrates with contrast.

Live

Signal lighting

Accent energy stays vivid in either mode.

Live

Code surface

Syntax shifts without losing hierarchy.

Live
05 / Under the hood

One toolkit. Clear ownership.

Each layer handles what it does best, then gets out of the others' way.

The coordination model

Built as a system, not a stack of demos.

Move through the five layers that power this page.

01

React interaction

Motion

v12.43.0

The choreography you touch: entrances, gestures, layout shifts, and presence.

  • Staggered hero
  • Shared layout
  • Viewport reveals
View the demo
02

Accessible primitives

shadcn/ui

v4.16.2

The interaction contract beneath the visual system, owned as local code.

  • Command palette
  • Tabs + dialog
  • Tooltip + progress
View the demo
03

Interface language

Lucide React

v1.29.0

One measured icon grammar across navigation, feedback, tools, and actions.

  • 1.75px strokes
  • Animated controls
  • Accessible labels
View the demo
04

Preference state

next-themes

v0.4.6

Persistent light, dark, and system intent with hydration-safe resolution.

  • System mode
  • Persistence
  • Resolved state
View the demo
05

Scroll choreography

GSAP

v3.15.0

The long-form movement: pinned narrative, scrubbing, and this horizontal rail.

  • ScrollTrigger
  • Responsive matchMedia
  • Scoped cleanup
View the demo
06 / Start a conversation Open to interesting problems

Let's make the next system feel inevitable.

Have a product, platform, or stubborn technical knot? I'd like to hear about it.