Skip to content

Todo list

FLEX
Included

Interactive task lists with completion, ordering and configurable feedback.

Todo list field

Animated checklist with settle grey-out, celebrations, create/delete, search, virtualize, and pagination.

Finish every task → fullscreen fireworks · delayed settle mute

Celebration gallery

One list · each row has its own in-box celebration (standard check first)

Fullscreen & custom

celebrationFullscreen on this row · viewport canvas
registerCelebration(playground-burst) · fullscreen

Sounds · strike styles

Create option
Edit opens Filament modal (FlexTextInput title + description) · reserved action gutter · X only on created
allowEdit + editable(all) · modal title + description
Create option
Delete opens a confirmation modal · cancel keeps the task · includes subtasks
Drag handle reorders parent groups · locked/disabled rows stay put · reorderUsing echo (demo)
Parent cascades to children · Undo restores only that completion (later edits stay) · optional date meta
Same cascade behavior without the completion toast
Create option
Wrap / overflow stress — multi-line title, long description, strike width (no virtualize)

Search · virtualize · pagination

Create option
Mixed short / medium / long rows — each row keeps its natural height (auto-measured)
Create option
Uniform short rows — same auto-height engine
Previous/next navigation keeps completion and edits across pages. Search returns to the first page.
virtualizing + infiniteScroll — load more on scroll; use remoteLoader() for AJAX pages
required + minDone(1)
Loading code examples…

Information

Developer
FLEX
Category
Collections
Website