Framework-agnostic web components built with vanilla TypeScript.
Explore our interactive component demos below.
A flexible date picker with single date and range selection modes. Features keyboard navigation, programmatic API, and custom events.
A customizable menu bar with nested submenus. Supports unlimited nesting levels, separators, disabled items, and dynamic menu updates.
A flexible toast notification system with multiple types, auto-dismiss, custom icons, and action buttons.
A customizable dialog with HTML body, modal backdrop, custom buttons, and keyboard/click controls.
A customizable tree view with infinite depth support, checkboxes for selection, expandable/collapsible folders, and customizable icons.
Dark media-library UI replica using CSS3 and TreeView for the left navigation.
A container that wraps elements and shows a menu on hover in configurable positions. Integrates with PopoverMenu for rich context menus.
Expandable, shrinkable, and closable container with smooth animations. Supports horizontal and vertical directions with customizable timing.
A versatile image component with support for different sizing modes (cover, contain, stretch, 1:1), positioning, and visual effects like bokeh and panning.
A file uploader with drag & drop, file previews, and chunked upload support. Features progress tracking, file validation, and multipart upload protocol.
A customizable checklist with progress bar, JSON support, and task management.
An extremely versatile select/dropdown component with search, multi-select, and image support.
A customizable toolbar with groups of buttons, supporting horizontal/vertical orientation, icons, and different button types.
An intelligent text editor with AI-powered text continuation suggestions. Type, pause, and let AI suggest what comes next.
A markdown editor with AI-powered text completion and formatting toolbar.
A markdown renderer that dynamically loads a parsing library (marked.js) at runtime.
A container that allows drag-to-scale (resize via corner handles) and drag-to-crop (pan content via side handles) with aspect ratio support.
Interactive comic speech bubbles with four distinct styles (talk, cloud, whisper, rectangle) and draggable arrow handlers.