Ignite UI
for JavaScript / HTML5
Create beautiful, touch-first, responsive, data-rich desktop, tablet, and mobile web apps with over 75 UI components.
Build modern apps with your favorite frameworks, databinding libraries & IDEs, with full support for Angular, React, Bootstrap and more.
See what's new for Ignite UI in Ultimate 17.1.
Data Grids
-
Bind Flat Data to the Data Grid
Ignite UI includes the fastest JavaScript / HTML5 grid on the market. Bind to a variety of data sources including JSON, XML, HTML tables, .NET collections, and even .NET DataTables. The HTML5 grid works with popular open source libraries including AngularJS, KnockoutJS, History.js, JsRender, and Bootstrap. It includes the features you expect – including data editing, sorting, filtering, grouping, column pinning, column resizing, column summaries, data templates, paging, load-on-demand, and a lot more. Learn More
-
Hierarchical / Master Detail Data
Built on top of the flat data grid, the JavaScript / HTML5 hierarchical grid delivers on master-detail displays with no compromises. Bind the hierarchical grid to a variety of data sources including JSON, XML, .NET collections, and even .NET DataSets. Use load-on-demand to deliver any amount of data to client. Included are interactions that you need for your enterprise apps – data editing, sorting, filtering, column resizing, column summaries, paging, and more. Learn More
-
Tree Grid Data
The JavaScript / HTML5 TreeGrid presents hierarchical data by combining the principles of a tree and tabular data into a single control – with rollup summaries, sorting, filtering, grouping, paging, column-fixing & hiding, and more. The Tree Grid presents hierarchical data similar to the Ignite UI HTML5 hierarchical grid control - -but the tree grid displays data all in the same columns. Perfect for financial applications like balance sheets, or any data scenario that requires roll-up columns or hierarchical data displayed in fixed columns. The Tree Grid supports line of business features like data editing, sorting, filtering, paging, column fixing, column hiding, multi-column headers and more. Learn More
-
Pivot Data
The JavaScript / HTML5 pivot grid is designed for the most demanding data displays, including complex analysis on the rendered data. Use this grid for multi-dimensional OLAP data sources, or even allow complex interactions on flat data on the client. Use MDX, XMLA or even data sources like JSON or XML to provide a rich, interactive analysis including support for KPI’s. Learn More
-
Spreadsheet
The JavaScript / HTML5 Spreadsheet component provides a powerful and familiar way to manage data. Supported by the Infragistics JavaScript Excel library, enabling it to import and export data to and from Microsoft Excel files either locally or from a service. The Spreadsheet component supports all basic spreadsheet features, including workbooks, worksheets, cells, formulas, and more. Learn More
Beautiful Data Visualizations
Choose from over 75 JavaScript / HTML5 charts and data visualization options. Interactive Chart components include; Area, Bar, Category, Data, Doughnut, Funnel, Pie, Sparkline, Financial, Trendline, Gauges and many more for building line-of-business browser based apps.
Integrates with Your Favorite Frameworks
JavaScript / HTML 5 components in Ignite UI fully support all of your favorite app frameworks, databinding libraries, and IDEs. With full support for AngularJS, Angular, React, KnockoutJS, Microsoft MVC, Bootstrap, Ionic, Onsen and more, the choice is yours for building your next great app. Full AMD support allows you to use your favorite module loaders like Require JS, SystemJS, Webpack, Browserify and many others.
Ignite UI delivers inherent Angular support. All Ignite UI components have component definitions with Angular and are hosted on GitHub. Learn more about our Angular components.
Our React Components enable you to use any of our Ignite UI components, including charts and grids, in your React application.
Use our AngularJS directives to declaratively build your next JavaScript & HTML based MVC app. Our directives, housed on Github, give you full two-way databinding and clean Angular integration.
Build mobile first, responsive web applications with Bootstrap and Ignite UI that work on every device. Bootstrap 4 has moved from LESS to SASS and so have all of our new Ignite UI themes which you can customize to your needs. Our LESS-based Bootstrap themes will also fit your requirements for superb web designs.
Ignite UI offers ASP.NET MVC support (including .NET Core). Run server-side components while keeping your HTML5 interactivity. All or our ASP.NET MVC wrappers support the new .NET Core architecture and include Tag Helpers for all of our controls. Enjoy a seamless experience on all browsers.
Our KnockoutJS support delivers dependency tracking, templating and automatic UI refresh using Knockout’s easy mapping of DOM elements to your data model.
We Love TypeScript
Productivity is a challenge when you need to be an expert in various JavaScript libraries that you are expected to be an expert in. That’s where our Ignite UI TypeScript definitions come in.
Productivity is a challenge when you need to be an expert in various JavaScript libraries that you are expected to be an expert in. That’s where our Ignite UI TypeScript definitions come in.
With TypeScript, we augment our JavaScript libraries with strong typing, class-based inheritance and many other features that make JavaScript development a lot less error prone and more maintainable, especially for large projects.
Get the Ignite UI TypeScript definitions to enable static checking, symbol-based navigation, statement completion, and code refactoring in your favorite tool – even Visual Studio Code!
Speed Up Your Time-To-Market
Get started fast with hand on training, documentation, and a large developer community. Ignite your applications with cross-browser compatibility, ready to use themes, and more than 75 UI components to help you create responsive, modern web apps.
Get Started with Tutorials
Step-by-step how to guides, video tutorials, and sample code to help you write fast, run fast, and build for the modern web.
Unmatched Product Support
With 24x5 support, phone, chat, forums, a full UI & UX services team and account managers in offices across the globe, Infragistics is ready to help drive the success of your next project.
UI Components for Everything
Ignite UI comes complete with over 75 JavaScript / HTML5 UI components, libraries and tools for everything from Single Page Apps to scalable, enterprise solutions.
Working With Data
Data management can be tricky if you are dealing with more than one data source on or offline. Keep track of all your data sources and provide easy binding to your UI with Ignite UI’s one of a kind DataSource component. Bind to JSON, HTML, OData, XML, or all of them.
Responsive Layout
We’ve built in responsive design to our charts and grids – and it all works with our numerous layout options for building modern web experiences.
Themes & Branding
Make your apps look consistent no matter what framework you choose, with - built-in themes, support for custom themes, Bootstrap theme support, Theme Roller support, and even an on-the-fly Bootstrap to Theme Roller conversion.
WYSIWYG Page Designer
Drag-n-drop your way a modern Web experience – use our Page Designer with our UI components, data connectors, layout & theme support to design and code your next HTML5 & JavaScript app.
Export & Import Data To & From Microsoft Excel
Enable your users to work with their advanced data. Users can programmatically import data and display it in the Spreadsheet component that supports all Excel formulas, structural features, workbooks and worksheets. Export data and save it to a local file or stream it to a remote computer.
Works on Any Browser
Never worry about how your app looks in Chrome vs. Safari vs. IE vs. Edge vs. FireFox - with support for modern browsers and compatibility with the old.
Inspiration is Everywhere
Don’t start from scratch when you don’t have to. We’ve created reference applications, starter kits, and rich samples to drive your productivity. Get started by downloading the template to your next great app!
View all reference applications »
Project Management
The Finance Dashboard sample demonstrates the data chart, combo, dialog, and zoom bar controls for the Financial Services industry.
Get the App
Marketing
This reference application demonstrates the date picker, data chart, map, doughnut chart and bullet graph controls to tackle specific analytical challenges.
Get the App
Finance
The Finance Dashboard sample demonstrates the data chart, combo, dialog, and zoom bar controls for the Financial Services industry.
Get the AppLearn and Support Resources
Community
Help
Samples
Controls to Ignite Your Next Project
Fast, full-featured, easy-to-use JavaScript / HTML5 components give you the power to create high-performance apps for the modern web.
Pricing
- Create powerful JavaScript/HTML5 applications on Angular, React, and other popular frameworks
- Includes access to source code
- 100+ desktop, mobile, and web controls including access to source code
- Time-saving productivity tools
- Additional training/support available
- 100+ desktop, mobile, and web controls including access to source code
- Time-saving productivity tools
- Prototyping and usability testing
- Additional training/support available
Don't Miss Out
Get 10% off Infragistics Professional when you click Buy Now.
- 100+ desktop, mobile, and web controls including access to source code
- Time-saving productivity tools
- Additional training/support available
Join the Conversation
-
Easy JavaScript Part 12: What are the Call and Apply Methods?
POSTED ON: 10/18/2017 9:52 AM BY: Dhananjay KumarIn JavaScript, the apply() and call() methods execute a function in the context (scope) of the first argument you pass to them. Let’s take a... -
Easy JavaScript Part 11: Simplifying function expressions and the function statement
POSTED ON: 10/12/2017 10:24 AM BY: Dhananjay KumarIn JavaScript, a function can be created in three possible ways: Function as an expression Function as a statement Arrow functions In this post,... -
Easy JavaScript Part 10: Class in JavaScript?
POSTED ON: 10/05/2017 11:35 PM BY: Dhananjay KumarECMAScript 6 introduced the class keyword to create classes in JavaScript. Now, you can just use the class attribute to create a class in... -
Easy JavaScript Part 9: What are Template Literals?
POSTED ON: 09/26/2017 6:56 AM BY: Dhananjay KumarIn ES6, two types of literals were introduced: Template Literals for string concatenation and expression embedding in a string Tagged Template... -
Infragistics Commitment to Angular
POSTED ON: 09/21/2017 8:20 AM BY: Infragistics TeamComing Soon: Ignite UI for Angular Provides a Native, Mobile First Experience We are excited about the possibilities enabled by the modern web,... -
Easy JavaScript Part 8: What are getters and setters?
POSTED ON: 09/19/2017 9:20 AM BY: Dhananjay KumarIn JavaScript, you may have heard of getters and setters. Let’s take a look at what these things are. First, a setter is used to set the...