DEV Community

Felipe Menezes
Felipe Menezes

Posted on

Building UI Blocks on Top of shadcn/ui with a Live Editor

Introducing UI Flx

UI Flx homepage showing UI blocks built on top of shadcn/ui

I've been working on a open source project called UI Flx.

It's a collection of UI blocks built on top of shadcn/ui, designed to be easily customized and integrated into modern frontend stacks.

The goal is simple: make it easier to build and reuse UI sections while keeping full control of the code.


One of the features I wanted while building UI Flx was the ability to edit blocks visually before copying the code.

UI Flx live editor showing a block being edited in real time

So every block can be edited in a live editor.


Built for CMS-driven websites

Another goal was making the blocks work well with CMS-driven websites.

For example, UI Flx can easily be used with Sanity.


Open source

If you're curious, you can check out the project here: https://ui.flexnative.com


Final thoughts

I'm continuing to add new blocks and improve the overall developer experience.

If you have feedback or ideas, I'd love to hear them.

Top comments (0)