Skwircle Components
Interactive showcase of Skwircle UI components.
Skwircle
iOS-style squircle components
Skwircle
iOS-style superellipse container with SVG borders
Roundness Variants
none
subtle
moderate
rounded
pill
Elevation Variants
none
xs
sm
Card
Container component with elevation and padding
Basic Card
Elevations
With Rich Content
Badge
Status indicators and labels
Colors
Sizes
Types
With Icons
With Dot
SearchInput
Skwircle-based search field with clear button
Sizes
Interactive
Accordion
Expandable sections with animated L-shaped lines
Accordion
Expandable sections with animated L-shaped lines
Compact Preset
Comfortable Preset
Features2
Interactive
Animated expanding components
ExpandingSearch
Search input that expands from a compact icon state
Default
Custom Sizes
Animation Modes
Immediate
Fade
Sync
ExpandingFilterChip
Filter chip that expands to reveal value and close button
FilterChip (Recommended)
Uses icons by default with all styling applied automatically
Active
Sales
Small Preset
Active
Featured
With Labels (no icons)
Status:
Active
Category:
Sales
All Sizes
XS
SM
Default
MD
LG
With Icons (default)
Active
Featured
John Doe
Click to Expand
Click the collapsed chips to expand them
Pending
Invoice
Home