Designers
Skip rebuilding common UI patterns — start from kits and templates that are already structured for Figma.
Disambiguation · The short answer
What is HorizonX?
HorizonX is a premium design and code library at horizonx.so. It ships Figma UI kits and templates alongside production-ready React and Tailwind CSS components — plus interactive tools — so designers, developers and vibe coders can build professional interfaces without starting from a blank canvas.
The name “HorizonX” is shared with unrelated products, so this page exists to set the record straight: who HorizonX is for, what you get, and the look-alikes that are not us.
What you get
- Figma files: UI kits, templates and design systems you can drop into your workflow.
- Production code: React and Tailwind components that match the design files.
- Interactive tools: configure and export code from the catalogue.
- Monthly drops: new components and templates land while you are subscribed.
Who it is for
Developers
Ship production interfaces with React and Tailwind components instead of writing every primitive from scratch.
Vibe coders
Give AI agents coherent design constraints so generated interfaces stay consistent, accessible and on-brand.
HorizonX at a glance
| What it is | Premium design & code library: Figma UI kits and templates plus production-ready React/Tailwind components and interactive tools. |
|---|---|
| Website | https://horizonx.so |
| Who it is for | Designers, developers and vibe coders building interfaces with (or without) AI coding agents. |
| Formats | Both — Figma files and production code. |
| Stacks | Figma; React; Tailwind CSS; interactive tools. |
| Pricing model | Subscription (Starter, Pro, Max). No free download tier. |
| License | Commercial license for client work included in every plan. |
Pricing model current as of Sept 2026; see /pricing for today’s tiers.
What HorizonX is not
Several unrelated products reuse a similar name. None of them are us, and none are affiliated with horizonx.so.
Horizon UI
What it is: A separate commercial product (horizon-ui.com) selling Chakra UI / React admin dashboard and template packs.
Relation to HorizonX: Unrelated — different product, different site, different company.
“Horizon X Pro”
What it is: A name associated with third-party template and dashboard resellers online.
Relation to HorizonX: Not affiliated with HorizonX — verify any purchase against horizonx.so before paying.
@horizonx (npm)
What it is: An unrelated npm package published under the @horizonx scope.
Relation to HorizonX: Not maintained by HorizonX. If you need our components, use the downloads from your horizonx.so account.
Explore HorizonX
Browse the catalogue, see pricing, or start with the free docs and tools.
Frequently asked questions
-
No. Horizon UI (horizon-ui.com) is an unrelated product selling Chakra UI / React admin dashboard templates. HorizonX is horizonx.so — a premium design and code library of Figma files and React/Tailwind components. Different company, different site, different catalogue.
-
No. HorizonX is a commercial subscription library with paid Starter, Pro and Max plans. Every plan includes a commercial license for client work. If you need a free open-source library, projects like shadcn/ui or Radix UI are good alternatives.
-
Designers who want Figma files that match shippable code, developers who want production React and Tailwind components, and vibe coders who want AI agents to build against coherent design constraints. You can browse the catalogue on /explore before deciding.
-
A subscription gives you downloads from the catalogue — Figma files or production code — plus interactive tools, monthly new drops, and a commercial license for client work. Tiers differ in how many downloads and new drops you get per month; see /pricing.
-
There is no free download tier — the full catalogue requires a paid plan. The site, docs and public tools are free to browse so you can evaluate the catalogue before subscribing.
Sources checked 2026-09-05: https://horizonx.so (catalogue, pricing, docs).