Component Showcase

Showcasing composable components inspired by Linear's design system.

Linear Filter

A composable filter component with mixed behaviors per offered filter entry (single/multi, searchable/non-searchable, option/string/date/number).

Priority/Owner = XOR single. Project/Labels = multi without search. Assignee Name = multi string input. Reporter Name = single string input.

Filter	Type	Selection	Search	Close	Use case
Status	option	multiple	on	on	Multi-select status with search.
Priority	option	single	off	on	XOR/single priority picker.
Value	number	n/a	n/a	on	Numeric min/max range.
Assignee	option	multiple	on	on	Multi-select predefined assignees.
Owner	option	single	off	on	XOR/single owner picker (no search).
Labels	option	multiple	off	on	Multi labels without search.
Project	option	multiple	off	on	Multi projects without search.
Assignee Name	string	multiple	n/a	on	Multi free-text names (e.g. gary + john).
Reporter Name	string	single	n/a	on	Single free-text name.
Added to cycle	option	multiple	on	on	Multi-select cycle with search.
Dates	date	n/a	n/a	on	Single date picker.

1. Pick two projects and then edit them again from the value section in the pill.
2. Select one owner, then select another owner (XOR behavior).
3. Add both "gary" and "john" in Assignee Name (string multi).
4. Set Reporter Name and replace it with another value (string single).

An unopinionated animation component for displaying code-like sequences with customizable timing, layout, and styling.

Working on it...

Playground for all marquee root props with a live preview.

Direction Gap Speed: 70px/s Delay (s) Loop (0 = infinite)

play pauseOnHover pauseOnClick autoFill

onMount: 0 | onCycleComplete: 0 | onFinish: 0

Svelte 5

Composable

Unopinionated

Compound API

Type-safe

Minimal overhead