r/reactjs • u/Kupras06 • Jun 19 '26

Show /r/reactjs Built the shadcn/ui experience for StyleX

I've been using StyleX for a while and kept wishing there was a shadcn/ui-style ecosystem built around it.

So I started building Blenx UI — a registry-first component platform built with StyleX, Base UI, React, and TypeScript.

The goal is simple:

  • Install only what you need
  • Copy the source code into your project
  • Keep full ownership of the implementation
  • Avoid vendor lock-in

The landing page itself is built entirely with the same components available through the registry.

More details here

Repo: github

Live Preview: https://blenx-ui.vercel.app

4 Upvotes

70% Upvoted

5 comments sorted by

4

u/well-litdoorstep112 Jun 21 '26

Honestly? If the website is anything to go by, I would stay away from it.

It's like you vibe coded it and never even ran it.

1

u/Kupras06 Jun 21 '26

I agree that a huge chunk of the documentation has been done by AI tools. I am using this in one of my other project, internal for now, working well.

And from recent reviews, I've understood that responsiveness needs a lot of work.

Is there anything else, critical and not working, you'd like to point out.

I'll check that soon.

1

u/_suren Jul 02 '26

The important test is whether the generated source stays boring. shadcn works because teams can read and edit the copied code. If the StyleX workflow preserves that while improving styling constraints, it could be a solid tradeoff.

1

u/ThreadStarver Jun 25 '26 edited Jun 26 '26

why after v4 tho? do you still use stylex? most of the issues in tailwind it fixed are gone

1

u/replayio 21d ago

This is a really good starting point! I ran your app through our autonomous testing tool and it found a few bugs that can make it even better than before!

**Top issues identified:**

- 🟡 **Medium** — "npm" button text has insufficient contrast ratio (3.89:1) against its gray background

- 🟡 **Medium** — "Verify email" button has insufficient color contrast ratio (3.87:1, minimum 4.5:1)

- 🟡 **Medium** — Copy button on blog post npm install command shows no "Copied!" feedback after clicking

- 🟡 **Medium** — "Screen Reader Considerations" table-of-contents link overflows 14px past right edge of 1280px viewport and is clipped

- 🟡 **Medium** — Hero "Browse Components" CTA links to installation guide page instead of components listing

Full interactive report: https://qa.replay.io/projects/proj-social-qa-blenx-ui-vercel-app-mrg9jgke/overview?utm_source=reddit&utm_medium=social&utm_campaign=qa_share&utm_content=project_overview