New Features

Grid

• Grid Templates with Array Definitions
  Define template elements using arrays. The Grid automatically updates when the underlying array changes.
• Customizable Grid Header Templates
  Simplified and flexible approach for fully customizing Grid headers.
• Enhanced Set Filters
  Expanded filtering capabilities for improved data control and user experience.
• Row Editing with Side Panel
  Edit rows in a dedicated side panel for improved usability and cleaner workflows.
• Row MouseEnter / MouseLeave API
  New row-level events to support advanced UI customization and interactive scenarios.
• InsertRowBefore / InsertRowAfter API
  Programmatically insert rows before or after a specified row.
• Export Enhancements
  • Protect exported sheets
  • Freeze columns in exported files
  • New grouping render option for improved grouped data rendering
• Content Security Policy (CSP) Improvements
  Enhanced compatibility with strict CSP configurations, supporting more secure enterprise deployments.
• New Grid Demo
  Added an updated demo showcasing the latest Grid capabilities and configuration options.

Gantt Chart

• New Methods
  • expandAllRows()
  • collapseAllRows()
• Connections Indexing Improvements
  Refined indexing logic for more reliable task connection handling.

Tree

• Disable Drag for Specific Items
  Prevent drag-and-drop for selected Tree nodes.

Dropdown & Input Components

• Updated Dropdown Mode Selection Options
  Expanded configuration options for dropdown selection behavior.
• Date Input with Time Picker
  Optional time selection support added to the Date Input component.
• DropdownList Autofocus
  Automatically focuses the DropdownList on initialization when configured.

Improvements

• Improved Grid row sizing stability
• Enhanced Grid column editor initialization
• Refined Grid row reordering behavior
• Overall Grid performance and consistency improvements

Bug Fixes

• Resolved Gantt task expansion issues
• Fixed Gantt connections indexing issues
• Addressed Grid row sizing bugs
• Fixed Grid row reordering issues
• Resolved column editor initialization issues
• Fixed editor automatic formatting bug

This release focuses on enhancing flexibility, security, and overall component stability while expanding customization capabilities across the library.

The post Smart UI 25.5.0 first appeared on Smart UI Components.

1. jqxForm (from jqWidgets) – AI-Powered Smart Paste

One of the most exciting developments in form technology this year comes from jqxForm, part of the jqWidgets UI suite. What makes it stand out in 2026 is its Smart Paste with AI capability.

Instead of manually copying and pasting information field by field, users can paste a full block of text — like a contact signature or a formatted address — and the form intelligently parses and distributes the data into the correct inputs. It’s a small feature with a massive usability impact.

Beyond Smart Paste, jqxForm offers:

• Dynamic form generation
• Custom layouts and templating
• Built-in validation
• Seamless integration with the jqWidgets ecosystem

For enterprise systems, CRMs, HR tools, and admin dashboards, this kind of intelligent input handling saves time and reduces user frustration.

2. Webix Form – Flexible and Enterprise-Ready

Webix offers a robust Form UI widget designed for building customizable and validated forms in JavaScript applications. It acts as a container for all common input types (text, textarea, select boxes, checkboxes, radios) and supports integration with frameworks like React, Angular, and Vue. Forms can also include advanced features such as grouped sections and multi-view layouts for complex use cases.

Webix uses a clean JSON-based configuration approach that makes forms easy to define and maintain. It supports a wide range of input controls, responsive layouts, and advanced validation rules.

Because it’s part of the broader Webix framework, it integrates smoothly with data grids, dashboards, and workflow components — making it ideal for data-driven enterprise apps.

3. Smart.Form – Modern Web Component Approach

Smart.Form represents the shift toward modern, reusable Web Component-based UI systems.

It focuses on adaptability and clean architecture. Developers can declaratively define form structures while benefiting from modern styling, responsive layouts, and framework-agnostic implementation.

For teams building scalable front-end systems that prioritize modularity and reusability, Smart.Form offers a future-ready approach.

4. React Hook Form – Performance First

In the React ecosystem, React Hook Form continues to dominate thanks to its lightweight footprint and performance-focused design.

It minimizes re-renders, integrates smoothly with schema validation libraries like Zod and Yup, and works beautifully with TypeScript. For developers building fast, responsive React applications, it’s often the go-to solution.

5. Formik – Structured and Reliable

Formik remains relevant in 2026, particularly in large React applications that need predictable state management.

While it may not be as lightweight as newer alternatives, its clear mental model and mature ecosystem make it a dependable choice for complex, multi-step forms.

6. Angular Reactive Forms – Enterprise Standard

For Angular applications, Reactive Forms are still the gold standard.

With observable-based data flow and explicit state control, they offer powerful validation and scalability. Large enterprise Angular projects continue to rely on Reactive Forms for maintainable and testable form architectures.

Form Trends in 2026

Across all major platforms, several trends define form development this year:

• AI-assisted input — Features like Smart Paste are reducing manual data entry.
• Declarative configuration — Forms are defined through structured schemas instead of manual DOM manipulation.
• Performance optimization — Minimizing re-renders and improving responsiveness is now standard.
• Deep ecosystem integration — Forms are tightly connected to grids, charts, and workflow systems.

Final Thoughts

Choosing the right form component in 2026 depends on your stack and your priorities.

• Choose jqxForm if you want AI-powered data entry and enterprise UI integration.
• Choose Webix Form for structured, data-heavy business applications.
• Choose Smart.Form for modern, reusable Web Component architecture.
• Choose framework-native solutions like React Hook Form or Angular Reactive Forms for ecosystem alignment.

Forms are no longer just about collecting data — they’re about assisting users, improving speed, and building smarter experiences.

The post Top 6 Forms UI Components in 2026 first appeared on Smart UI Components.

1. Smart UI – Smart.Kanban

Best for: Enterprise UI consistency with high customization across frameworks.

Smart UI offers a professional JavaScript Kanban board that’s part of a broader UI suite. Smart.Kanban emphasizes modern UX, extensible templates, and responsive design. It integrates smoothly with JavaScript, React, Angular, Vue and .NET Blazor — making it ideal for complex web applications. Learn more.

• Flexible card templates for custom content and fields
• Rich APIs for programmatic control
• Responsive design for desktop and mobile

The post Top JavaScript Kanban Boards for 2026 first appeared on Smart UI Components.

What's New

• Angular 21 Support – Full compatibility with the latest Angular version.
• AI MCP Server – Deep IDE integration for AI-assisted workflows.
• Grid AI Assistant – Natural-language filtering, sorting, editing, and summarizing.
• Grid AI Column – AI-generated computed column using predefined prompts.
• Grid Multi Filter – Multiple filter conditions per column.
• Grid Charting – Create charts directly from Grid selections.
• Grid Collapsible Headers – Expand and collapse header groups.
• Grid Tooltips – Enhanced tooltip support across Grid elements.
• Grid Column Header Widgets – Add custom widgets in column headers.
• Kanban Confirm Dialog – Optional confirmation on task moves.
• Lazy Loading of Components – New appendTo property for efficient loading.

What's Improved

• Accessibility – WCAG-aligned improvements across all components.
• Grid Mobile UX – Better responsiveness and touch interactions.
• Grid Toolbar – Supports unlimited custom tools.
• Grid Context Menu – Fully customizable menu item support.

What's Fixed

• Grid Column Resize Line – Correct behavior with custom column widths.
• TreeGrid Row Reorder/Drop – More reliable drag-and-drop handling.
• Listbox “Select All” – Functionality now works consistently.
• Grid Multi-Column Sort – Fixes for sorting after dynamic column updates.
• Editor Paste from MS Word – Improved formatting and compatibility.
• Form Validation – More consistent validation behavior.
• Grid Column Resize in Shadow DOM – Improved resizing in Shadow DOM environments.

The post Smart UI v25.0.0 first appeared on Smart UI Components.

Now, you can generate production-ready code for Grid, Chart, Gantt, Table, Calendar, Tree, Menu, and 70+ other components — directly inside VS Code or Cursor — using your own API key.

Why Smart UI MCP Server?

Frontend developers spend hours configuring complex UI components. With Smart UI MCP Server, you simply type a natural language prompt prefixed with #smartdev — and get fully working, best-practice code in seconds.

Key Features

• 70+ Categorized Prompts – From basic to advanced use cases
• Works in VS Code & Cursor – Full MCP integration
• Use Your Own API Key – OpenAI, Grok, Azure, Ollama, Anthropic, Gemini, Cohere
• No Data Leaves Your Machine – Full privacy & control
• Framework Support – Angular, React, JavaScript, TypeScript
• Dark Mode, i18n, Accessibility, Performance – Built-in best practices

How It Works

Add the server in under 60 seconds:

Then just type #smartdev + your request. That’s it.

70+ Ready-to-Use Prompts

Here are just a few examples from our growing library:

View all 70+ categorized prompts →

Get Started in 3 Steps

1. Install – Add smart-mcp via npx
2. Configure – Add your API key in mcp.json
3. Code – Use #smartdev to generate UI components

Join the Future of UI Development

Smart UI MCP Server is more than a tool — it’s a paradigm shift in how frontend teams build enterprise applications.

Whether you're prototyping an MVP, optimizing performance, or migrating legacy UIs — Smart UI MCP Server has your back.

Ready to 10x your UI development speed? Try Smart UI MCP Server today.

Get Smart UI License

The post Announcing the First Release of Smart UI MCP Server – Your Ultimate AI Coding Assistant! first appeared on Smart UI Components.

Smart.Table is Now Free & Open-Source: Power Your Data UIs

Why Smart.Table?

Smart.Table isn’t just another table library—it’s a lightweight, framework-agnostic Web Component that enhances the native HTML <table> with enterprise-level capabilities. Designed for simplicity and performance, it’s perfect for modern web apps, from small-scale projects to complex enterprise systems.

Key Features

• Advanced Filtering : Filter rows with intuitive filter rows or input-based search.
• Multi-Column Sorting : Sort data across multiple columns with custom logic.
• Grouping & Tree Tables : Organize hierarchical data with collapsible groups and expandable rows.
• Inline Editing : Edit cells and rows with built-in validation.
• Virtualization : Handle massive datasets with smooth scrolling (Enterprise upgrade for advanced use).
• Data Export : Export to Excel, PDF, CSV, TSV, and HTML (Excel/PDF in Enterprise).
• Responsive Design : Adaptive layouts for desktop, tablet, and mobile with sticky headers/columns.
• Accessibility : WAI-ARIA compliant with full keyboard navigation.
• Customizable Themes : Supports Bootstrap, Material, and custom CSS for seamless branding.
• Column Reordering: Drag-and-drop columns for dynamic layouts.

Smart.Table is lightweight (~50-100KB minified), dependency-free, and integrates effortlessly with Angular, React, Vue, Blazor, or vanilla JavaScript. It’s been battle-tested in real-world applications, powering dashboards for startups, universities, and global enterprises.

npm install smart-table-community

<script src="proxy.php?url=https://cdn.jsdelivr.net/npm/smart-table-community/source/modules/smart.table.js"></script>
<link rel="stylesheet" href="proxy.php?url=https://cdn.jsdelivr.net/npm/smart-table-community/source/modules/styles/smart.default.css" />

<smart-table>
  <table>
    <thead>
      <tr>
        <th scope="col">Country</th>
        <th scope="col">Area (km²)</th>
        <th scope="col">Population</th>
        <th scope="col">GDP (USD)</th>
      </tr>
    </thead>
    <tbody>
      <tr><td>Brazil</td><td>8515767</td><td>205809000</td><td>2353025</td></tr>
      <tr><td>China</td><td>9388211</td><td>1375530000</td><td>10380380</td></tr>
      <tr><td>France</td><td>675417</td><td>64529000</td><td>2846889</td></tr>
    </tbody>
  </table>
</smart-table>

Try It Out

See Smart.Table in action with our interactive demos:

• Basic Table
• Tree Table
• Grouping
• Filtering
• Cell Editing
• Responsive Design
• Blazor Integration

The post Smart.Table is Now Free & Open-Source: Power Your Data UIs first appeared on Smart UI Components.

Pick Your Perfect Component

• Grid: Build dynamic, data-driven interfaces.
• Chart: Craft stunning, interactive visualizations.
• Scheduler: Streamline event management with ease.
• Editor: Create rich, user-friendly content editing.
• Kanban: Optimize workflows with intuitive task management.
• Gantt Chart: Master project timelines with powerful tools.

Why Choose the Component License?

• Precision Fit: License one component to match your project’s needs.
• Affordable Excellence: Access premium quality for only $199.
• Distinctive Edge: Leverage jQWidgets and Smart UI’ proprietary technology to build applications that competitors can’t replicate.

Get Started Now

The post Elevate Your Project with the New Component License first appeared on Smart UI Components.

What’s New

• Localizations for all components
  A brand-new locales folder ships with the Smart UI library, providing ready-to-use translations for 20 languages. This enables developers to quickly build globally accessible applications without manually managing localization strings.
• Gantt Chart Critical Path
  Critical Path visualization is now available in the Gantt Chart, helping project managers instantly identify the sequence of dependent tasks that directly affect project timelines.
• Grid Spreadsheet Extensions
  The Data Grid now supports familiar spreadsheet-like formatting tools: Bold, Italic, Underline, Strikethrough, as well as background and text color for cells. Users can style data interactively, making it easier to highlight and interpret key information.
• Grid Transpose
  Quickly flip rows into columns (and vice versa) with the new Grid Transpose feature. Perfect for data pivoting and presenting datasets from multiple perspectives.
• Grid Number Input Editor
  Introducing a dedicated Number Input editor in the Grid, complete with a numeric keypad for mobile devices. This streamlines data entry on touchscreens, making the grid more mobile-friendly.
• Grid Column Placeholders
  Placeholders can now be defined for Grid columns, offering users contextual hints and improving form-like data entry.
• Grid AI Filtering
  Experimental AI-powered filtering makes it possible to query and filter data using natural language, reducing complexity and improving user experience.

What’s Improved

• Comprehensive Documentation
  The Smart UI Library documentation has been completely revised and expanded. Every component now includes full coverage of API members — properties, methods, and events — with updated descriptions, use cases, and examples. Whether you work in Angular, React, Vue, Blazor, or JavaScript, you’ll now find clearer, more actionable guidance.
• Editor Custom CSS
  Developers can now inject custom styles directly into the Smart Editor’s content through the new content_css property, making it easier to enforce brand guidelines and create visually consistent documents.

What’s Fixed

• Accordion: Corrected layout recalculation when dynamically inserting new items.
• Breadcrumb: Fixed issue with adding items via appendChild.
• ButtonGroup: Improved initialization for native HTML <button> elements.
• Calendar: Tooltip positioning has been corrected for better accuracy.
• CardView: API-driven filtering now works as expected.
• Carousel: Proper initialization when built from a list of <div> tags or images.
• CheckInput: checked property now correctly applies to all items.
• ComboBox: sortDirection now sorts items properly.
• DateRangeInput: Value retrieval works correctly when returned as an object.
• DockingLayout: Adding and removing items dynamically now functions without layout glitches.

The post Smart UI v24.0.0 – Smarter with AI, Faster, Global first appeared on Smart UI Components.

The post Smart UI Now Supports Angular 20 first appeared on Smart UI Components.