Showcase UI, staged with care.

Components

Showing 16 components

• Preview every push. Each branch gets its own URL before review starts.

  feat: offline gallery

  olishiz/stageshow-gallery

  BuildingReady

  offline-gallery.preview.app

  Always on. Measured across every region.

  99.99%

  90 days agoToday

  Comments, in context.

  MA

  Can this gap match the cards?

  Preview comments

  On for all branches

  Roll back in one click.

  Reviewed together. Seats are free.

  OSMAJTRKLWNP

  HCDYEBSVAG

  Launch bento

  A hero-and-strip feature grid: one live deploy row leads, a stat, a control, a statement and a crowd support it.

  Bento grids

• Push, and it is everywhere. One command deploys to every region.

  $ edge deploy --prod

  • ✓◌Bundled 14 functions
  • ✓◌Uploaded to 18 regions
  • ✓◌Warmed edge caches
  • ✓◌Live everywhere

  Median response, worldwide

  14ms

  Deploy from anywhere

  ⌘K

  18 regions. Requests land on the nearest one.

  No config files. The edge reads your framework.

  Ruled edge bento

  A dark, ruled developer grid: a terminal that streams a deploy, a latency stat, a region map and keycaps.

  Bento grids
• OS

  Oliver Sim

  @olishiz

  Building interfaces that are worth showing off.

  github.com/olishiz

  Now building

  stageshow-galleryShipping

  Showcase UI you can browse offline.

  Launch checklist5 of 6

  Small commits. Most days.

  Usually reaching for

  TypeScriptReactNext.jsTailwind CSS

  FigmaMotionVercelRadix

  Node.jsCSSPWAPlaywright

  AccessibilityDesign systemsGit

  Profile bento

  A personal bento for Oliver Sim: an intro tile, a contribution rhythm, what is shipping now and the stack.

  Bento grids
• Ask the docs

  New chat

  Ask anything about building for the web

  How do I make my gallery work offline?

  Thinking

  Register a service worker that precaches the app shell and every page when it installs. Serve navigations from the cache first, fall back to an offline page, and rename the cache on each deploy so updates land cleanly.

  Progressive Web Apps guideService Worker API

  Ask a follow-up

  AI answer

  A question is sent, the assistant thinks, the answer streams in with its own height, and sources land last.

  Animated stills
• Available balance

  $84,210.50

  Payouts

  Chase ···· 4821$12,400.00PendingPaid

  $8,915.20PendingPaid

  $21,060.75PendingPaid

  $5,330.00PendingPaid

  Instant payout

  $12,400.00

  To

  Chase ···· 4821

  Fee

  $124.00

  Pay out nowSendingSent

  Arrives in about 30 minutes

  Instant payout

  A cursorless system story: payouts stagger in, an instant payout card arrives, a line ties it to its row, and it sends.

  Animated stills
• Gallery launch

  To do3

  In progress2

  Done23

  Offline fallback page

  PWAOS

  Board drag

  A cursor picks up a task card, carries it across the board with a slight tilt and drops it into Done.

  Animated stills
• invite

  Invite teammateMembers

  Invite to projectProjects

  New issueC

  Search docs/

  Toggle themeT

  Open settings,

  Invite sent to Maya

  She can join Gallery launch from her email.

  ⌘K

  Command menu

  Keycaps press, a command palette opens, a query filters the list and a toast confirms the result.

  Animated stills
• Pro

  For people shipping every week

  monthlyyearly

  $$1901234567890123456789

  per month
  billed yearly

  Save 20%

  • Unlimited projects
  • Offline previews
  • Custom domains
  • Priority support

  Start 14-day trial

  Pricing card

  A plan card with a sliding monthly and yearly switch; the price rolls only the digits that change.

  Cards
• OS

  Oliver Sim

  @olishiz

  FollowFollowing

  Collecting interfaces worth showing off, one careful component at a time.

  stageshow-galleryPinned

  Showcase UI you can browse offline.

  TypeScript

  Profile card

  Oliver Sim's profile card with a pinned project and a Follow button that settles into Following.

  Cards
• Stageshow

  Gallery Pass

  No. 0001

  Oliver Sim

  @olishiz

  Valid
  ∞ / ∞

  Holo pass

  A membership pass that tilts toward the pointer with a moving sheen, and lies flat for reduced motion.

  Cards

• Stageshow Gallery

  Interfaces worth showing off.

  Faux product UI, bento grids and micro-interactions by Oliver Sim. Browse them anywhere, even offline.

  Browse the galleryView on GitHub

  bento3 results

  Launch bento

  AI answer

  Profile bento

  Pricing card

  Ruled bento

  Like burst

  Split hero

  Headline and actions beside a product window bleeding off the corner, with a live search that resolves.

  Hero sections
• BuildingLive in productionLive in productionBuildingLive in production

  Push a commit. Watch it go live.

  Every deploy streams its build, precaches the shell and promotes itself when the checks pass.

  Start deployingRead the docs

  a3f9c21feat: status hero15.3s

  • ✓Installed dependencies3.1s
  • ✓Built 21 static pages9.4s
  • ✓Precached the app shell0.6s
  • ✓Promoted to production1.2s

  Status hero

  A dark, centered hero where a status pill changes on its own from Building to Live above a log fading at its foot.

  Hero sections
• Install the Stageshow skillby Benji Taylor

  $ npx skills add benjitaylor/skills --skill stageshow

  Copied

  Copy command

  An install command with a copy button whose icon morphs into a check and back.

  Micro-interactions
• 0123456789,012345678901234567890123456789

  1,284 likes

  people liked this component

  Like burst

  A heart that pops with a ring of particles while the count rolls up a single digit.

  Micro-interactions
• Delete “gallery-v1”

  Removes 16 previews and their offline cache. Hold the button to confirm.

  Hold to deleteHold to delete

  Project deletedUndo

  Press and hold for about one second. Release early to cancel.

  Hold to confirm

  A destructive action that fills while held, cancels on release and confirms with a check.

  Micro-interactions
• OverviewActivitySettings

  16 components

  Bento grids, animated stills, cards, heroes and micro-interactions.

  Last deploy 2 minutes ago

  Precached the app shell and every component page for offline use.

  Reduced motion respected

  Animations rest on their poster frame when your system asks for less motion.

  Sliding tabs

  A tab bar whose pill travels to the selected tab while the panel below crossfades with a small rise.

  Micro-interactions