Designers
Skip rebuilding common UI patterns. Start from kits and templates that are already structured for Figma.
Disambiguation · The short answer
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, textures, shaders and mockups, 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.
Skip rebuilding common UI patterns. Start from kits and templates that are already structured for Figma.
Ship production interfaces with React and Tailwind components instead of writing every primitive from scratch.
Give AI agents coherent design constraints so generated interfaces stay consistent, accessible and on-brand.
| What it is | Premium design & code library: Figma UI kits and templates, production-ready React/Tailwind components, and interactive tools, textures, shaders and mockups. |
|---|---|
| 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, textures, WebGL shaders and mockups. |
| Pricing model | Subscription (Starter, Pro, Max). |
| License | Commercial license for client work included in every plan. |
Pricing model current as of Sept 2026; see /pricing for today’s tiers.
Several unrelated products reuse a similar name. None of them are us, and none are affiliated with horizonx.so.
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.
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.
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.
Browse the catalogue, see pricing, or start with the docs and the in-browser tools.
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, in Figma files or production code, plus exports from the tools, textures, shaders and mockups editors within an allowance that grows with your plan, MCP access so your AI coding agent can add components for you within a daily allowance, monthly new drops, and a commercial license for client work. Tiers differ in how many catalogue downloads you get; see /pricing.
Yes. The site and docs are open to browse, and the editors can be tried in your browser, so you can evaluate the catalogue before choosing a Starter, Pro or Max plan.
Sources checked 2026-09-05: https://horizonx.so (catalogue, pricing, docs).