Make impactful Figma data visualization with Hyper Charts UI kit

Transform your data into captivating visuals with Figma's latest chart templates. Our UI kit boasts dozens of stunning data visualization samples.

Make impactful Figma data visualization with Hyper Charts UI kit
Home
Products

Make impactful Figma data visualization with Hyper Charts UI kit

1000+ of editable graphs in blocks

1000+ of editable graphs in blocks

Hyper Charts are easy to use and can be easily adjusted to fit your needs

Scalable charts for any device

Scalable charts for any device

Apply for dashboards, plug into presentations, supercharge mobile apps

Created with a focus on UI details

Created with a focus on UI details

Meticulously crafted graphs, designed with a keen eye for UI details

Dark theme is considered

Dark theme is considered

All the chart cards styled in Dark mode for visual consistency

Preview full Hyper Charts

Full sections of charts

Discover the ultimate solution for your charting needs – Hyper Charts! Choose from a wide range of pre-designed graphs and personalize to your exact specifications. Enhance the look and functionality of your digital product while also developing your UI skills.

Cool graphs created with a focus on UI details Our aim on UI detalization guarantees well-designed and easy-to-use graphs that look great on any device. Supercharge your user experience and boost engagement with our Hyper Charts today! Line Chart Bar Chart 3D Chart Funnel Chart Radar Chart Full sections of charts Discover the ultimate solution for your charting needs – Hyper Charts! Choose from a wide range of pre-designed graphs and personalize to your exact specifications. Enhance the look and functionality of your digital product while also developing your UI skills. 3D Charts { "items": [ { "_id": "6579e96e09f09062f99e640f", "origFileName": "1.png", "fileName": "1.png", "fileSize": 151871, "height": 1159, "url": "../images/1.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Bar Charts { "items": [ { "_id": "6579e96e8457e2e4c5c62f19", "origFileName": "2.png", "fileName": "2.png", "fileSize": 1401048, "height": 5110, "url": "../images/2.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Bubble Charts { "items": [ { "_id": "6579e96e2d5ac16a3e9d2085", "origFileName": "3.png", "fileName": "3.png", "fileSize": 331105, "height": 2533, "url": "../images/3.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Bullet Graphs { "items": [ { "_id": "6579e96ec9d4fa1165a85f65", "origFileName": "4.png", "fileName": "4.png", "fileSize": 152462, "height": 2200, "url": "../images/4.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Candlesticks { "items": [ { "_id": "6579e96eec7a2428fed6e4af", "origFileName": "5CANDLESTICK-min.png", "fileName": "5CANDLESTICK-min.png", "fileSize": 803760, "height": 3032, "url": "../images/5CANDLESTICK-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Dumbbell Plots { "items": [ { "_id": "6579e9dc8a8a99be5344537c", "origFileName": "6DUMBBELL_PLOT-min.png", "fileName": "6DUMBBELL_PLOT-min.png", "fileSize": 401795, "height": 2593, "url": "../images/6DUMBBELL_PLOT-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Heatmaps { "items": [ { "_id": "6579e9dd36df5e507246eaf2", "origFileName": "7HEATMAP-min.png", "fileName": "7HEATMAP-min.png", "fileSize": 666101, "height": 3082, "url": "../images/7HEATMAP-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Funnel Charts { "items": [ { "_id": "6579e9dcc23c05b2821b6393", "origFileName": "8Light_theme-min.png", "fileName": "8Light_theme-min.png", "fileSize": 445855, "height": 2767, "url": "../images/8Light_theme-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Line Charts { "items": [ { "_id": "6579e9dedc91d10029e26577", "origFileName": "9LINE_CHARTS-min.png", "fileName": "9LINE_CHARTS-min.png", "fileSize": 2190611, "height": 6864, "url": "../images/9LINE_CHARTS-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Parallel Coordinates { "items": [ { "_id": "6579e9dd9877c5a60941de0e", "origFileName": "10Parallel_Coordinates.png", "fileName": "10Parallel_Coordinates.png", "fileSize": 645219, "height": 3231, "url": "../images/10Parallel_Coordinates.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Pie Charts { "items": [ { "_id": "6579eaa3b94e8015214406d8", "origFileName": "11PIE_CHARTS-min.png", "fileName": "11PIE_CHARTS-min.png", "fileSize": 1049853, "height": 4077, "url": "../images/11PIE_CHARTS-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Radar Charts { "items": [ { "_id": "6579eaa3c0d5b173baca6180", "origFileName": "12Radar_chart-min.png", "fileName": "12Radar_chart-min.png", "fileSize": 664424, "height": 2767, "url": "../images/12Radar_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Radial Convergences { "items": [ { "_id": "6579eaa102ca1263e0f66cf6", "origFileName": "13Radial_Convergences-.png", "fileName": "13Radial_Convergences-.png", "fileSize": 364221, "height": 2408, "url": "../images/13Radial_Convergences-.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Radial Histogram { "items": [ { "_id": "6579eaa1f2056714f1af1dae", "origFileName": "14Radial_Histogram-min.png", "fileName": "14Radial_Histogram-min.png", "fileSize": 331315, "height": 2409, "url": "../images/14Radial_Histogram-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Sankey Charts { "items": [ { "_id": "6579eaa1f87bc607f25d0c81", "origFileName": "15Sankey_chart-min.png", "fileName": "15Sankey_chart-min.png", "fileSize": 313758, "height": 2561, "url": "../images/15Sankey_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Scatter Charts { "items": [ { "_id": "6579eb022166505111c5d67f", "origFileName": "16Scatter_chart-min.png", "fileName": "16Scatter_chart-min.png", "fileSize": 826791, "height": 3351, "url": "../images/16Scatter_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Stepped Line Graphs { "items": [ { "_id": "6579eb01c2b2f6861eb077fd", "origFileName": "17Stepped_line_graph-m.png", "fileName": "17Stepped_line_graph-m.png", "fileSize": 408228, "height": 2592, "url": "../images/17Stepped_line_graph-m.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Tree Charts { "items": [ { "_id": "6579eb01833c3264a933d256", "origFileName": "18Tree_chart-min.png", "fileName": "18Tree_chart-min.png", "fileSize": 256134, "height": 2178, "url": "../images/18Tree_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Treemaps { "items": [ { "_id": "6579eb0264f16bd0b6819cb8", "origFileName": "19Treemap_chart-min.png", "fileName": "19Treemap_chart-min.png", "fileSize": 510482, "height": 3036, "url": "../images/19Treemap_chart-min.webp", "width": 1600, "type": "image" } ], "group": "img-2" } Download Hyper Charts Get started today and see how our charts templates can help you create stunning visualizations. Business or Single license This UI kit is a collection of over 1000 editable graphs in blocks. It is perfect for UI and UX designers who want to create stylish and professional charts quickly and easily. Buy now $128 Preview in Figma Try before you buy Lite version contains several chart samples to jumpstart your project and suit it with our modern and stylish chart templates for Figma. Duplicate for Free Hire us to custom design & code! Let's build together ✊

We design in Figma & Webflow using the top-notch UX expertise and lay down the lines of code in React, Vue, Angular, Flutter and Swift.
Line Chart Light
Line Chart Dark

Hire us to custom design & code! Let's build together ✊

We design in Figma & Webflow using the top-notch UX expertise and lay down the lines of code in React, Vue, Angular, Flutter and Swift.

FAQs

How to start with this design system?

l am new to Figma. Should I try your kits?

How to import your kits?

Which license type should I choose?

Can I build commercial proiects with your products?

I have a project. Can I hire you?

I 💜 Your designs, but can I have a discount?

Figma Templates & UI kits

Save time and human resources by reusing hundreds of pre-made templates crafted by us. Based on top notch UX taken from the World's best apps.
Dashboards
Mobile
Charts
Code
Websites
Bundle
Freebies

Nocra UI kit

Nocra is a design system for AI products. Built specifically for startups harnessing AI generation: images, video, audio, music, prompts, and beyond.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready-to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Material Desktop Dashboard UI kit

Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.

Xela UI kit for Figma

Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

OE Figma Design System

Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.