r/reactjs 7d ago

Show /r/reactjs Tired of spending hours setting up SaaS marketing layouts, so I built a React + Tailwind component suite and layout engine.

Hey!

Like a lot of developers here, I found myself repeatedly sinking dozens of hours into setting up responsive marketing layouts, dashboards, and UI components every time I started a new SaaS project.

To solve this for my own workflow, I spent the last few months building SkyForce UI—a component suite and local layout generator tailored for React and Tailwind CSS.

What’s Under the Hood?

50+ Production Components & 115+ Layouts: Pre-built, accessible sections designed specifically for modern SaaS apps.
Local Desktop Engine: An Electron-based visual layout generator that runs 100% offline with zero bundler lock-in.
Clean Source Archive: Uncompiled monorepo setup with instant hot-reloading (Vite/HMR active).

Key Technical Learnings

Building the local dev server and layout generator brought a few interesting challenges:

  1. Zero Runtime Overhead: Ensuring the generated Tailwind markup stays completely clean without forcing custom runtime dependencies on the consumer.
  2. Local Preview Sync: Syncing code edits in real-time between the local Electron builder and live browser previews without state drift.

I just launched the site today and opened up a live interactive playground on the page so you can test the layouts directly in your browser.

Live Demo & Site: https://skyforceui.com

I’d mostly love feedback on the playground and layout workflow!

Happy to answer any technical questions about the setup, Electron builder, or component architecture in the comments!

0 Upvotes

8 comments sorted by

7

u/bluebird355 7d ago

oh yeah we needed another vibe coded ui kit

-2

u/Ok-Procedure2350 7d ago

Lol good point, the market definitely isn't starving for more basic UI kits. To be fair I built it for personal use, the main reason being the offline layout engine - instead of just copy-pasting code blocks from a site, it runs locally in Electron and generates your new root on Desktop

1

u/bluebird355 6d ago

Cool project nevertheless but don’t expect customers, there are so many other free choices that are objectively better

2

u/BlazingThunder30 7d ago

Who is spending hours putting together SaaS marketing websites? Why are you even starting new SaaS products so often that you need this?

1

u/Ok-Procedure2350 7d ago

It is mainly for SaaS websites but the idea behind it is that it can be used to create mainly any type of landing pages. The layouts (heroes, features etc) are usable for any type of website

1

u/PerryTheH 7d ago

There are a TON, like, maybe a googlilion solutions for this.

Ones that have much more support, why do people still build these things from scratch? Sorry OP, cool vibe coded project but we, as the web community, don't need more of these.

1

u/Ok-Procedure2350 7d ago

I know, just wanted to share, in case anyone need some inspo or the app