JavaScript / HTML5 新闻

用灵活的布局自定义您的 UI

12月 4, 2025
用自动处理间距、断点和组织的布局组件创建响应式应用程序。

A layout component provides a structured foundation for building modern applications. It offers predesigned, configurable layout templates that ensure visual consistency, reduce development time, and eliminate common alignment or scalability issues by handling spacing, breakpoints, and component organization automatically. The result is a cleaner, more intuitive user experience across devices without requiring extensive custom CSS or layout logic. Common use cases include dashboards with resizable panels, master-detail views for data management, admin portals, and applications that need predictable, responsive page structures to support complex UI components like charts, forms, and data grids.

Several JavaScript UI suites offer layout components including:

  • DevExtreme Complete by DevExpress lets you build consistent layouts using adaptable containers and integrated components that improve complex application interfaces.
  • Telerik DevCraft UI allows you to create polished, unified layouts with flexible structures and responsive behaviors that accelerate development across modern web applications.
  • Infragistics Ignite UI facilitates scalable layouts through responsive grids and containers, enabling efficient page organization for enterprise-grade experiences.
  • Syncfusion Essential Studio UI Component Suite lets you design cohesive, mobile-ready layouts using advanced layout controls that simplify structuring application screens.

For an in-depth analysis of features and price, visit our JavaScript UI suites comparison.

Compare JavaScript UI Suites

用分层视图构造复杂关系图

12月 3, 2025
JointJS+ 4.2 引入了灵活的图层 API，其可提高关系图组织、可视度控制和交互性管理。

JointJS+ is a diagramming library that offers advanced features like custom shapes, data binding, and advanced layout algorithms, enabling you to create complex, interactive, and visually appealing diagrams. It includes a ready-to-use demo application that showcases its functionality and serves as a starting point for your own diagramming projects.

The JointJS+ 4.2 update introduces a redesigned Layers API that gives developers more control over diagram structure, interaction, and presentation by allowing cells to be grouped into independent layers with their own attributes, stacking context, and event flow. This enables clearer organization of complex graphs, more predictable z-index behavior, and the ability to apply targeted styling, filters, and animations at the layer level, all while maintaining backward-compatible event handling for smoother integration into existing applications.

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

JointJS+ is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our JointJS+ licensing page for full details.

Learn more on our JointJS+ product page.

将条形码添加到报表以实现更好的数据跟踪

12月 2, 2025
将机器可读条码直接嵌入报表中改进了对外部系统的追踪、扫描和集成。

Barcode support in reporting components enables developers to embed machine-readable codes (barcodes, QR codes, DataMatrix, etc.) directly into reports. This feature is especially useful when printed or digital reports need to integrate with scanning systems, for example, in inventory management, shipping labels, product catalogs, or document tracking. By using a barcode component within a report template, reports can dynamically encode data fields (such as item IDs, order numbers, or URLs), ensuring that each generated report contains a barcode that corresponds to its data. This promotes automation, reduces manual errors, and improves interoperability with external scanning or inventory systems.

Several React reporting controls offer barcode support including:

  • DevExpress Reporting supports both 1D and 2D barcode symbologies, with customizable options such as bar width, orientation and binding of barcode text to data fields.
  • ActiveReportsJS by MESCIUS supports over 30 barcode symbologies, allowing configuration of barcode value, quiet zones, bar width and rotation.
  • Stimulsoft Reports.JS supports both 1D and 2D barcodes, users can configure barcode parameters, such as code value, size, quiet zone, foreground and background colors.

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

Compare React Reporting Controls

用 AI 驱动工具加快 UI 创建

12月 1, 2025
Smart UI v25.0.0 添加 MCP 服务器，从而能够快速创建网格、图表及其它关键组件，完全控制数据。

Smart UI by Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart UI v25.0.0 release introduces a MCP Server that enables developers to generate production-ready UI components directly inside their editor using their preferred AI models. This feature improves implementation of complex elements such as grids, charts, and schedulers, reduces reliance on documentation, and maintains full control over data and privacy by allowing the use of personal API keys. It supports multiple leading AI providers, and integrates into existing processes, helping teams deliver consistent, high-quality interfaces more efficiently.

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

Smart UI (Smart HTML Elements) is licensed per developer and is available as a perpetual license with 1 year support and maintenance. It includes distribution to unlimited Web applications, SaaS projects, Intranets and Websites. Team, OEM and Enterprise licensing options are also available. See our Smart UI (Smart HTML Elements) licensing page for full details.

Learn more on our Smart UI (Smart HTML Elements) product page.

用简单的提示生成完整的 UI

11月 28, 2025
Telerik DevCraft 2025 Q4 添加智能体 UI 生成器，其可通过 AI 提示的使用自动创建和设计新式网页应用。

DevCraft by Telerik is a comprehensive AI-powered suite of more than 1,250 UI components and development tools designed for building modern web, desktop, and mobile applications using .NET and JavaScript frameworks. It includes reporting and report management solutions, automated testing and mocking tools, and document processing libraries, as well as a wide range of professionally designed user interface controls from the Telerik and Kendo UI suites. DevCraft enables developers to create feature-rich, high-performance applications with consistent design and user experience, delivering enterprise-level, scalable, and maintainable software solutions.

The Telerik DevCraft 2025 Q4 update adds the Agentic UI Generator which enables developers to translate natural language prompts directly into fully‑scaffolded, production‑ready user interfaces built on the Telerik and Kendo UI component libraries. It includes all the functionality of the AI Coding Assistant, as well as handling layouts, styling, responsive behavior, accessibility best‑practices, data‑bindings and theming from an MCP server that works in any AI-enabled IDE, so developers can remain in their familiar IDE and focus their effort on domain logic rather than boilerplate. This feature is only available as part of DevCraft Complete and DevCraft Ultimate subscription licenses and currently supports Blazor, Angular and React.

To see a full list of what's new in DevCraft 2025 Q4, see our release notes.

Telerik DevCraft is licensed per developer and has two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Telerik DevCraft Ultimate licensing page for full details.

For more information, see our product pages: