Eugene Dobrik

Working on the hero section for UI Raptor’s landing page and decided to make it a little more playful.

A tiny game with no real objective yet. Just for fun 🦖

Give it a try on desktop → https://uiraptor.com

Here’s how UI Raptor looks in use today.

The live page is the canvas. Its elements appear as layers on the left. Select one to inspect its layout, dimensions, and styles on the right, with padding and gaps highlighted directly on the page.

Still building, but this is the workflow...

I wanted to explore a live website the way I explore a design in Figma.

Page elements as layers. The selected element’s styles, size, and spacing in an inspector. The live page as the canvas.

That’s the idea behind UI Raptor.

I’ve been working on UI Raptor, a browser extension for designers and developers. Time to share a few details.

I’ll be sharing more pieces of the interface as I build.