Home
Journey
Projects
Revise

Customize

Mix any style with any layout, card type, cursor, motion, and hero. Changes apply at once and are saved in this browser.

Type, color, texture, and shape.No. 26AaInstrumentA calibration sheet: drafting grid, navy ink, instrument-tag yellow.From: My Instrumentation and Control degreeNo. 26AaEditorialA newsletter on warm paper: serif headlines, mono kickers, one red.From: handle.site, anjil.ink, srbh.siteNo. 26AaKernelA quiet terminal: near-black, Geist, dithered dots, a soft green signal.From: anjil.ink, sahilcodex.vercel.app, mukundkapoor.com, manixh.vercel.appNo. 26AaPixelA builder's studio: Space Grotesk, square corners, hard shadows, pink highlights.From: royalbeck.design, ozgurguler.techNo. 26AaBlueprintOne drawing sheet: crop marks, figure captions, a single blue.From: imdaryl.com, vikrantkadam.me, kushbothra.com

Where the navigation lives.Side railA sticky index down the left edge.Top barA slim header with the page centered below it.From: handle.site, vikrantkadam.meFloating dockA pill of links floating at the bottom of the screen.From: srbh.site, sahilcodex.vercel.app

How lists of entries are drawn.Style decidesEach style picks: rows, issue cards, or hard-shadow tiles.Minimal listTitle and date only. Fast to scan.From: devchauhan.inGridEvery list becomes a grid of cards.Folder tabsNumbered cards with a folder tab on top.From: kushbothra.comSticky stackCards pile up on each other as you scroll.From: Sora UI sticky scroll cards

Only on devices with a mouse or trackpad. Works at every motion level.SystemYour normal cursor.RingA dot with a trailing ring that grows over links.From: Originkit cursor ringCrosshairGuide lines and live x, y coordinates, like a drawing tool.From: Originkit axis cursorSpotlightA soft light on the page that follows you.From: Originkit aura cursor

Calm follows your device's reduce-motion setting. Lively turns animation on anyway; Still turns it all off.CalmSmall transitions that answer what you do.LivelyEntries rise in as you scroll, cards tilt toward the pointer.From: Framer-style entrances, Atelier UIStillNo animation at all.

The visual on the home page.Career traceA strip-chart line with a pulse per milestone.Tech globeA 3D sphere of the tools from my projects. Drag it.From: Originkit word globe, Atelier sphere galleryFigma frameA ruler and a selection box around my name.From: kushbothra.comSpline sceneNeeds NEXT_PUBLIC_SPLINE_SCENE_URL.NoneJust the words.

Editorial · Floating dock · Style decides · System · Calm · Career trace

Back to Projects

CollegeSuvidha

A campus marketplace where students buy and sell second-hand essentials.

Date: 2023
My role: Built it
Visibility: Public

Details

My first project that real users used.

Students bought and sold items like chairs, cycles, coolers, and gym equipment within campus.

Later I added a way for students to find seniors with shared interests and skills.

Details

Links