Orion UI kit - data visualization and charts templates for Figma
Figma library with 35+ full-width charts templates. Contains 200+ of dataviz widgets for desktop & mobile screens.


500+ charts components
Build HQ dashboards and attractive presentations with confidence

35+ full-screen templates
Quickstart your dataviz mission with stunning dark & light layouts

Powered by Auto-layout
Edit, adjust, customize Orion UI kit faster to fit better for your project

Dark & Light themes
Each theme is included as separated .FIG files. Use single or both of it
Preview charts widgets










Preview 35+ templates

World Map (dark)

World Map

Bubble Chart (dark)

Bubble Chart

Planet Dashboard (dark)

Planet Dashboard

Global Statistics (dark)

Global Statistics

Heat Map (dark)

Heat Map

Hexagon (dark)

Hexagon

Object Visualization (dark)

Object Visualization

Sales Dynamic (dark)

Sales Dynamic

Continent Data (dark)

Continent Data

Skills Tree (dark)

Skills Tree

Stellar Imaging (dark)

Stellar Imaging

Planet Infographics (dark)

Planet Infographics

Visualization of Connections (dark)

Visualization of Connections

Planet Hexagon (dark)

Planet Hexagon

Visualization of Connections (dark)

Visualization of Connections

Worldmap Movement (dark)

Worldmap Movement

Worldmap Details Popup (dark)

Worldmap Details Popup

Comparison Chart (dark)

Comparison Chart
Get started⚡

Orion UI kit for Figma
Customizable and well-organized Figma library. This design toolkit aimed for projects where the beautiful data visualization is required.

Buy a Bundle. Save 30%
Recommended for complex web apps and dashboards, where is the data visualisation matters most. Included: Eclipse UI kit + Orion UI kit
Hire us to custom design & code! Let's build together ✊
FAQs
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
l am new to Figma. Should I try your kits?
Definitely! Our products help customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
How to import your kits?
Importing .FIG files into Figma: https://help.figma.com/hc/en-us/articles/360041003114-Import-files-to-the-file-browser
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.
Business license — for startups or enterprise organizations to use for a local team or publish in Figma library.
Individual license — for freelancers, indie developers, or solopreneurs working on a single project.
Can I build commercial proiects with your products?
Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in the production using a wide variety of popular frameworks and technologies.
If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.
I 💜 Your designs, but can I have a discount?
We provide discounts for those, who scrolled to the bottom and revealed our proposal. Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for the upcoming purchase. Please, provide a specific product name you've put your eye on.

.webp&w=1920&q=75)
.webp&w=1920&q=75)

.webp&w=1920&q=75)
.webp&w=1920&q=75)



.webp&w=1920&q=75)
.webp&w=1920&q=75)

