StyleBop
Visual CSS editor for Mac with node-based stylesheet editing
Visit bendansby.com ↗What is StyleBop?
StyleBop is a Mac application that lets you edit CSS stylesheets visually by representing each ruleset as a draggable node on a canvas. You can manage CSS custom properties in a dedicated tokens panel, edit animations with a visual interface, and handle media queries, grid layouts, and gradients through interactive controls. The editor includes a code view with syntax highlighting and smart autocomplete.
Designed for designers and developers working with CSS, StyleBop combines visual editing with a full code editor in one workspace. Features include visual popovers for box-shadows and border-radius, a grid visualizer, cascade layer management, and native CSS nesting support. The maker built this with Claude Code.
Momentum
Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.
How do we know it's vibe coded?
vibetrend discovered StyleBop automatically. Evidence: HN post: "Designer creates first app, with Claude Code". View source.
Similar vibe-coded apps
Turn illustrations into animated 2D avatars with AI-assisted rigging
Browser and desktop 2.5D + 3D CAD/CAM workspace for CNC machining
Convert raster images to editable vectors, offline on your machine
#1 this weekOpen-source local voice cloning, dubbing, transcription, and audiobook creation
#7 this weekOpen-source design workspace that turns coding agents into a local design engine
#10 this weekAI-powered design intelligence toolkit for building professional interfaces