Eighteen drop-in Web Components — inputs, display, tables, forms, animations, charts, grids, and UI control — each solving a specific problem with elegance and developer-friendly APIs.
Universal input — text, email, password, select, date, file, checkbox, switch, textarea, radio. With validation and events.
View Docs →Search + multi-select with badge display. Async loading with debounce, keyboard navigation, and AJAX endpoint support.
View Docs →Form-submitting button with AJAX, auto-detecting icons from label, Bootstrap confirmation modal, and loading spinner.
View Docs →Flexible list item with leading/trailing icons, active state, ripple effect, disabled state, and AJAX actions on click.
View Docs →Rich text editor wrapping Quill.js with form integration, required validation, and clean HTML output via hidden input.
View Docs →Compact icon-only button variant with ripple animation, toast feedback, AJAX GET/POST, and Phosphor icon support.
View Docs →Attribute-driven data table with auto columns, sorting, pagination, infinite scroll, badge filters, POST/CSRF, and delete rows.
View Docs →Lazy load, shimmer/spinner skeleton, fallback on error, hover zoom, click-to-preview lightbox — all from attributes.
View Docs →Declarative filter bar with text, date, and select inputs. Drives any <smart-table> via window events — no direct coupling.
Stacked, auto-dismissing toasts in 5 types. Fire from anywhere with one dispatchEvent() call. Supports promise mode.
Full-page or element-scoped overlay loader with blur backdrop, 200ms flicker prevention, and concurrent-safe show/hide.
View Docs →Branded confirmation modal with custom title, message, and labels. Integrates with SmartTable deletes — replaces window.confirm().
Declarative AJAX form engine. Wraps SmartInput, SmartSearchInput, and SmartQuill — collects values, validates, handles CSRF, maps field errors, and refreshes tables automatically.
View Docs →Barba.js page transition engine. 5 transition types — overlay, fade, slide, scale, panel. Re-executes page scripts, swaps head styles, and fires lifecycle events after every navigation.
View Docs →Anime.js animation engine. 8 built-in presets, 5 trigger modes (page · scroll · hover · click · manual), custom attribute-driven animations, and auto mode for zero-config entrance effects.
View Docs →Full-featured charting on Chart.js + ApexCharts. API fetch, SmartData source, inline, or WebSocket live. 10+ chart types, 6 palettes, date range filter, drag-to-zoom, goal lines, fullscreen, and CSV/PNG/JSON export.
View Docs →Reactive UI control system. Add if="" to any element — it hides, removes, disables, or shows a fallback based on live smartState. Supports lazy rendering, enter/leave animations, and compound JS expressions.
Declarative CSS Grid layout engine for dashboards. Responsive auto-fit columns, column and row spans, 5 breakpoints, drag-to-reorder, resize handles, masonry mode, and localStorage persistence.