Horizon UI TypeScript is an open-source admin dashboard template for React and Chakra UI, from Simmmple, that ships a complete TypeScript codebase with pre-built pages and a matching Figma file.
What is Horizon UI TypeScript?
Horizon UI TypeScript is an open-source admin dashboard template built on the Chakra UI component library and the React JavaScript framework, created by Simmmple. It takes the repetitive parts of building an admin app — layout, navigation, tables, and authentication screens — and packages them into a project you clone with Git, install with npm, and run with npm start as the local server command. The current release shown is version 3.0.0, licensed under MIT, and the GitHub repository has roughly 442 stars.
Key Features
Horizon UI TypeScript groups its features around the Chakra UI and React stack, with ready-made pages plus supporting design and documentation assets.
- React + Chakra UI stack — the template uses Chakra UI for theming and accessible components, React for the view layer, and TypeScript for typed props throughout.
- Pre-built example pages — includes pages for NFT interfaces, authentication flows, profiles, and more, viewable in the live example on horizon-ui.com.
- React Tables v8 branch — a separate
feature/react-table-v8branch updates the template to the latest version of the React Tables library. - Component showcase — a components page on the Horizon UI site displays the latest components from the template so you can see and interact with them.
- Detailed documentation — the project links to a documentation site at horizon-ui.com/documentation covering each element and its usage.
- Figma Community file — the UI design is also published as a free Figma file, linked from the repository.
- Free and PRO versions — the free MIT-licensed repository sits alongside a separate PRO version with additional pages and features.
Who is it for?
Horizon UI TypeScript serves three overlapping audiences.
- React developers who want a head start on admin panels and dashboard apps, removing the need to build layout, routing, and table components from scratch.
- Startups and agencies that need a client-ready admin interface quickly, using the NFT, authentication, and profile pages as a foundation or demo.
- Design teams that want a single source of truth with the design team: the free Figma file matches the coded components for smooth handoff.
What can you do with Horizon UI TypeScript?
The template supports several common dashboard and admin-app scenarios through its examples and component set.
- Launch a dashboard project quickly: clone the repository, run npm install, then npm start to serve the app locally on Node LTS.
- Build authentication screens: the included authentication pages cover sign-in, sign-up, and password-related flows.
- Create NFT or crypto admin interfaces: the NFT example pages offer cards, tables, and layouts suited to digital-asset products.
- Reuse components elsewhere: the component showcase acts as a reference for the full set of Horizon UI components, which you can copy into other Chakra UI applications.
How does Horizon UI TypeScript work?
The repository's quick-start flow is: install NodeJS LTS from the official site, clone the GitHub repository, then run npm install and npm start in the terminal to start the local server. Additional branches are maintained for experimental updates, such as the React Tables v8 preview.
Pricing
The free version is open source under the MIT license and costs nothing to use. Simmmple sells a separate paid PRO version with more pages and features, and the Figma design file is free on Figma Community. No dollar amounts appear on the repository page.
FAQ
Is Horizon UI TypeScript free?
Yes, the repository is MIT-licensed open source, so the free version costs nothing. A separate PRO version is sold by Simmmple, but its price is not listed on the GitHub page.
Does Horizon UI TypeScript work with any Node.js version?
The official instructions say the product only works with NodeJS LTS, so use an LTS release from the Node.js official page. Non-LTS builds may not run the template correctly.
Where can I get help or report issues?
Bugs are tracked through GitHub Issues on the horizon-ui-chakra-ts repository. The community also runs a #HorizonUI Discord server for questions and discussion.
Is there a Figma version?
Yes, Horizon UI is available as a free Figma Community file, linked from the repository via bit.ly/horizon-figma, so designers can work with the same components in Figma.
What is the current version?
The repository badge shows version 3.0.0. The CHANGELOG file in the main branch documents the latest releases and changes.
