JavaScript / HTML5 News

Celebrating 2 Year Partnership with MDBootstrap

November 25, 2025
ComponentSource and MDBootstrap have worked together for two years to help developers build visual, fully responsive web applications.

For the past two years, ComponentSource has proudly partnered with MDBootstrap to bring high quality UI tools to developers worldwide. Through this partnership, customers gain easy access to MDB’s rich collection of responsive, modern components and templates that help teams build polished and efficient web applications.

Material Design for Bootstrap, widely known as MDB, is a leading front end framework created for developers, by developers. It offers more than five thousand UI components and templates that help teams create visually appealing and fully responsive applications that follow Material Design principles. Trusted by a global community of more than three million developers and designers, and chosen by organizations such as NASA, Amazon, Nike and IKEA, MDB continues to be a reliable and influential tool within the ComponentSource catalog.

The collaboration between ComponentSource and MDBootstrap delivers real benefits to the developer community by combining MDB’s high-quality design tools with ComponentSource’s global reach, licensing expertise, and dedicated customer service. Together, they simplify the adoption of MDB solutions, supporting teams as they build faster and deliver modern, consistent digital experiences. ComponentSource looks forward to the future and to many more years of helping developers create exceptional web applications.

Learn more about MDBootstrap.

Adjust Grid Column Widths for Clearer Data Views

November 19, 2025
Resize columns to optimize space, reduce clutter, and deliver a cleaner, more focused grid for faster data analysis and smarter decision-making.

Resizable grid columns let users adjust the width of each column in a data table, giving them direct control over how information is displayed. This improves readability by preventing text from being cut off, reduces clutter by narrowing less important fields, and creates a cleaner, more efficient workspace. It is especially useful with large datasets, long product names, detailed descriptions, or mixed data types, such as expanding a “Description” column to read full text or narrowing numeric columns to compare figures quickly. Whether used in dashboards, admin panels, reporting tools, or data entry systems, column resizing enhances usability, speeds up analysis, and supports a more personalized viewing experience.

Several React grid controls offer support for expanding and resizing columns including:

  • DevExtreme React Data Grid (part of DevExtreme Complete by DevExpress) lets you resize columns to improve readability, reduce clutter, and work efficiently with data.
  • Handsontable by Handsoncode lets you resize columns to reveal full content, customize layouts, minimize clutter, and analyze diverse datasets more effectively confidently.
  • BestReactGrid facilitates column resizing to optimize space, highlight key details, enhance readability, and create a cleaner, more efficient data workflow.
  • Ignite UI React Grid (part of Infragistics Ignite UI) allows you to resize columns for clearer views, faster comparisons, and improved data understanding.

For an in-depth analysis of features and price, visit our React grid controls comparison.

Compare React Grid Controls

Add Contours to Visualize Chart Data Gradients

November 19, 2025
LightningChart JS v8.1 adds flexible contour styling options, helping developers highlight key value ranges with precision.

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.1 update introduces built-in contour rendering for heatmap and surface charts, giving developers a straightforward way to highlight value transitions and gradients within complex datasets. The new contour capabilities automatically generate level lines and labels, while offering control over stroke and text styling for each contour level. This improves the clarity and interpretability of dense numerical data, reduces the need for custom rendering logic, and maintains high performance even when working with detailed datasets.

To see a full list of what's new in v8.1, see our release notes.

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.

Visualize Projects with Interactive Gantt Timelines

November 18, 2025
amCharts 5: Gantt offers customizable project timelines that clarify schedules, dependencies, progress, and resource allocation across teams.

amCharts 5: Gantt is a dedicated JavaScript and TypeScript component for building rich, interactive Gantt charts directly in web applications and dashboards. It is built on the modern amCharts 5 engine and provides everything developers need to visualize project schedules, timelines, and task dependencies using responsive, fast rendering HTML5 graphics. The component supports hierarchical task structures, category grouping, and flexible time scales, which makes it suitable for representing complex projects in a clear, compact, and professional format. With a robust API and straightforward integration in common front end stacks, amCharts 5: Gantt fits naturally into modern web architectures.

amCharts 5: Gantt offers a wide range of capabilities that help teams understand and manage work more effectively, including visual progress indicators, task linking with dependencies, support for milestones and events, and interactive markers for important dates. Charts can be configured as read only monitoring views or as fully interactive planning surfaces where users can drag tasks, adjust timings, update completion, and explore details through tooltips and selection. These strengths make the product an excellent choice for project management systems, resource and workload dashboards, product roadmaps, and visualization tools, wherever organizations need a clear and engaging way to communicate what is happening, what comes next, and how work is progressing.

amCharts 5: Gantt is licensed per developer on an annual or perpetual basis, with options for websites, SaaS and OEM distribution. See our amCharts 5: Gantt licensing page for full details.

For more information, visit our amCharts 5: Gantt product page.

Improve Data Entry with Built-In Table Structure

November 17, 2025
Optimajet FormEngine v7.3.0 adds a powerful new table component for creating structured, multi-row data inputs directly inside forms.

Optimajet FormEngine is a drag-and-drop React form builder that lets teams create, manage, and render complex web forms without writing frontend code. It allows developers and business users to visually design forms, store them as JSON, and render them at runtime. As a React JS library, it easily integrates into existing applications while giving developers full control over form logic, structure, and data flow, making it well suited for complex data collection.

The Optimajet FormEngine v7.3.0 update introduces a new Table component that allows developers to structure form inputs in organized rows and columns, making it easier to handle multi-row or repeatable data within a single form. This addition enables cleaner data modeling, improves usability for scenarios that require tabular entry, and integrates with existing FormEngine features such as validation, conditional logic, and JSON-based configuration.

To see a full list of what's new in version v7.3.0, see our release notes.

Optimajet FormEngine is licensed based on usage type (internal commercial use, public web/SaaS, or OEM embedding), number of domains for the visual editor, and access to additional ready-made components. Licenses are perpetual and include 6 months or 1 year of updates and support. See our Optimajet FormEngine licensing page for full details.

For more information, visit our Optimajet FormEngine product page.