UI Components
Polished web components with clear demos and practical UI patterns.
@manufosela/app-modal
Feature-rich modal web component with configurable buttons and content
v2.0.1@manufosela/arc-slider
A customizable arc slider web component with gradient colors, built with Lit
v1.0.7@manufosela/before-after
Before/after image comparison slider web component
v2.0.0@manufosela/behaviour-accordion
Accessible accordion web component with smooth animations
v2.0.0@manufosela/calendar-inline
Inline calendar web component with horizontal scrolling
v2.0.0@manufosela/canvas-polygon
Canvas-based regular polygon web component with Lit 3
v2.0.0@manufosela/capture-image
Webcam capture component with snap, reset, save and optional mask overlay, built with Lit 3
v1.1.0@manufosela/card-rain-section
Scroll-driven card rain animation section with drop and zoom modes
v3.0.1@manufosela/circle-percent
A circular progress indicator web component with animated SVG arc and customizable styling, built with Lit
v2.0.0@manufosela/circle-steps
Step indicator web component with circular progress visualization
v2.0.0@manufosela/click-clock
Countdown timer and clock web component
v1.0.0@manufosela/data-card
A versatile card web component for displaying data with optional cover image, icon, links, and modal info, built with Lit
v1.1.0@manufosela/device-card-stack
Accordion-style card stack with 3D perspective and image preview panel
v3.0.0@manufosela/element-card
Card component with title, description, cover image and slotted grid content, built with Lit 3
v2.0.0@manufosela/header-nav
Responsive header navigation web component with hamburger menu
v1.1.0@manufosela/hero-scroll-animation
Hero section with scroll-driven parallax animation and image reveal
v2.0.0@manufosela/historical-line
A horizontal timeline visualization web component for displaying historical data, built with Lit
v2.0.1@manufosela/lcd-digit
LCD-style digit display web component with Lit
v2.0.1@manufosela/loading-layer
A customizable loading overlay web component with animated spinner, built with Lit
v2.0.0@manufosela/marked-calendar
Interactive calendar web component for tracking moods, habits, or marking dates
v2.0.1@manufosela/modal-dialog
Modal dialog web component with Lit
v2.0.0@manufosela/multi-carousel
Responsive multi-slide carousel web component with navigation and arrows
v2.1.0@manufosela/multi-select
Multi-select dropdown web component with checkboxes
v3.0.0@manufosela/nav-list
Horizontal navigation list web component with selection support
v1.1.0@manufosela/photo-collage
A photo collage web component with random rotations, polaroid style, image cycling, and zoom on click
v2.0.0@manufosela/qr-code
QR code generator web component
v2.0.0@manufosela/radar-chart
SVG-based radar/spider chart web component
v2.0.0@manufosela/rich-inputfile
Enhanced file input web component with preview and validation
v2.0.1@manufosela/rich-select
A customizable rich select dropdown web component with search, keyboard navigation, and extensive styling options, built with Lit
v2.1.0@manufosela/slide-notification
Slide-in notification web component from the right edge
v2.0.0@manufosela/slider-underline
Range slider web component with underline track style
v2.0.1@manufosela/stars-rating
An interactive star rating web component with Lit
v2.0.0@manufosela/tab-nav
Accessible tab navigation web component with keyboard support
v2.0.1@manufosela/theme-toggle
A light/dark theme toggle web component with smooth transitions, built with Lit
v2.0.1@manufosela/toast-notification
Toast notification web component with Lit