Peter Petrash / Software Designer

Skip to content

Side Quest - A companion app for Claude Code that works with any terminal. Capacitor will bring an opinionated approach to building projects in parallel, with deep focus on capturing ideas when inspiration strikes.

Tool UI - The Tool UI website. A pseudo-chat UI cycles through demos of the components, in context. The demo is responsive, morphing to a tablet and then phone on smaller screens.

Side Quest - Capacitor's UI is heavily influenced by video games, where 'game feel' is crucial to the experience. For these buttons, I added a Metal shader for the rippling energy and 3D tilting based on click location.

Side Quest - A Tailwind plugin for producing realistic glass effects on the web using only CSS and SVG. Inspired by the Liquid Glass design language on iOS.

Tool UI - Building a weather widget is more complicated than you'd think! So much so that I had to build an app just for calibrating dozens of weather effects across all conditions and times of day.

Tool UI - A component from Tool UI, the first AI tool-call component library. Lets you adjust any parameters using a slider inline within a chat interface. I enjoyed adding the tongue-in-cheek scrubber split animation.

Side Quest - What if you could speak to an LLM through music instead of words? I was intrigued by this idea, so I made a prototype of a call-response experience.

I'm currently testing different models to feel out their musicality, and experimenting with different prompts and data structures to figure out what produces the best results.

Side Quest - A gallery of rare words, each with its own font and color palette. Words are curated and styled in collaboration with Claude, who helped choose fonts, colors, and write definitions.

Plumb - File attachments with style. Immediate rendering of uploaded files with real-time progress, cursor-stable positioning for rapid click removal, and auto-advancing focus of the next attachment's remove button for keyboard nav.

Tool UI - When working on the tw-shimmer plugin, a pure-CSS solution to a proliferating pattern in AI interfaces, I built a pressure testing environment with Claude Code to test a vast number of edge cases and configurations to meet our quality bar.

Plumb - Auth view with a mood-lighting animation synced with our glowing, shapeshifting orb motif to spice up an otherwise cut-'n-dry login experience.

Plumb - An autosave indicator with variable animation depending on the speed of the save: when quick, a subdued animation to acknowledge the update; when longer, it morphs into a spinner.

Plumb - Edge highlighting between connected nodes in the flow builder UI. A small detail you take for granted that significantly improves visual comprehension. Used Zustand for state management to keep things snappy.

Plumb - A non-obtrusive, playful dismiss button for instructional cards. Hovering over the Play button doesn't reveal the dismiss button to maintain clear interaction boundaries. Visible by default on mobile.

Tool UI - Browsing the interactive component gallery for Tool UI, the first AI tool-call component library. I built 25+ components, each JSON driven, accessible, and copy-pasteable.

Plumb - A navigation mode toggle. Added a very subtle lateral perspective shift to the nav items. I love the how the active item 'reaches out' when you hover the other item.

Plumb - An onboarding dialog that smoothly transitions between dialog states to reduce visual churn. A fancy "Enable Creator Mode" button triggers a burst of emojis using a custom particle animation component.

Plumb - A multi-step onboarding flow for waitlisters. Applied smooth transitions and fun visual elements zhush to what would otherwise be a bland barrier to entry.

Plumb - A landing page generation tool for Plumb creators to share their flows. Live preview layout with fullscreen toggle. Automatic content generation. Customization options like the color slider for picking algorithmically derived themes with OKLCH support.

Plumb - Animated sorting component with a circular rotating-wheel animation, similar to iOS datetime pickers. Added fun touches like a subtle motion blur effect modulated by the distance between current and selected sorting options.

Neuralift - Designed and built the Neuralift app UI for marketing CMOs and their teams to discover customer insights using an in-house customer data segmentation pipeline and LLM-powered analysis. Got to work with Elixir and Phoenix which was fun.

Side Quest - A FigJam and Figma plugin for clustering sticky notes using vector embeddings. Shipped a year before Figma's built-in AI features. Has a fun loading animation where stickies dance into cluster formations during processing. Open-source: [GitHub](https://github.com/petekp/cluster-figma-plugin).

Tool UI - An intentionally over-engineered weather widget built with WebGL. Part marketing stunt, part showpiece — poking fun at weather widgets as the "hello world" of generative UI. Designed for Tool UI.

Side Quest - A FigJam plugin that generates sophisticated diagrams in real-time, letting users choose their preferred model and iteratively modify diagrams through natural language prompts. Open-source: [GitHub](https://github.com/petekp/diagrammaton-figma-plugin).

Osmind - A multi-variate input component for rapid and safe data entry in the Osmind EHR. Supports most form types, even addresses with Google Street API integration. Specified a 'graduated-friction' policy that alters input confirmation—no-confirm to inline soft-confirm to hard-confirm—based on data sensitivity and downstream risk.

Osmind - Clinical Notes experience built on a customized rich-text editor. Providers can insert structured snapshots of patient data directly into their notes, replacing manual data entry and helping with critical downstream processes like billing, legal protection, insurance claims, and patient follow-up.

Side Quest - Exploratory prototype of generative flash cards built when GPT-3.5 first launched. An AI-native Anki. Ppresaged similar products emerging today. Dropped due to how severe model hallucinations were at the time.

Peter Petrash

Software Designer

Peter Petrash / Software Designer