React components, blocks and templates that animate every change of state, built on Base UI, motion and Tailwind CSS 4, with an MCP server.
Off and On on each side, the current one in full ink.
A setting card that you switch as a whole and that takes a primary hairline.
A dark mode switch whose icon swaps the sun for the moon.
A switch whose On and Off label swaps as it changes.
Rows on hairlines with tabular figures.
Rows per page, the visible row range and arrows to the first and last page.
Each person shows an avatar, a name and a handle.
Hairlines between the columns as well as the rows.
Rows separated by space, with a rounded hover.
Underlined or segmented tabs with one sliding indicator.
A count above each label, dimmed until its tab is active.
The latest change on a task under its chip, with the earlier updates folded below.
Properties as rows with a status menu and assignee chips, sub-issues you check off and a comment box pinned at the foot
A task opened in a sheet docked beside the page, with arrows that walk the list, properties to pick in place, child issues, a filtered feed and a comment field pinned at the foot.
Every change to a task with its old and new value, and a time that switches to the exact date on click
The grouped task list with row selection, shift-click ranges and a floating bar that changes the status, priority or assignees of every selected task.
The same task as a page: a reading column beside a rail of folding sections for properties, time and details, which joins the column on narrow screens.
The task beside a pinned conversation where comments and changes interleave, a teammate types an answer and the panes become a switch on phones
A task page whose sub-tasks, comments and activity share one card behind a segmented switch, each count rolling as you check, add and comment
Who worked on what with the time spent, a timer glyph on each avatar and a range switch that rescales the bars
A team with its member stack, open tasks and time this week, where Join turns into Joined and your face joins the stack.
A team switcher, centred icon links and a primary action to write a post.
A team page with its figures for this week or last, the members with their current task and hours, and the activity of the person picked.
A searchable list of teams for moving a task, where the mark travels to the team picked and an empty search offers a way back.
Name, colour, visibility, join requests and a hold to archive, with the team tile following every change.
A pill with the current team that opens every team with its tile and member count, the picked one marked.
A Mossline workspace: a sidebar that hides and goes into a sheet on phones, My tasks grouped by status whose rows open a task drawer, an inbox behind the bell and as a page, a board whose moves change the same tasks, and the team with time today.
A command line for developer docs that types its commands and prints their output line by line.
An agreement checkbox with a link to the terms in its label.
Terms that can be accepted only once read to the end.
Letters that turn over like small blocks, one after another, when the link or button they sit in is hovered or focused.
A field that grows with its content.
A field whose border and halo take the brand colour on focus.
A field with its send button aligned to the start.
A counter of characters left that warns near the limit and turns red at it.
A field with its send button aligned to the end.
An invalid field with the message that explains the fix.
A label that rises to the top edge on focus or once filled.
A field with a send button as wide as the field.
A field with a short hint below, read out with the field.
A label drawn inside the field, above the text.
A small label that sits on the top edge of the field.
A component that applies animated effects to text content.
A component that cycles through different text phrases with animations.
A component that morphs between different text strings with smooth transitions.
A component that animates text with a rolling effect.
Text that scrambles into place on mount, when it scrolls into view or on hover of its link.
A component that applies a shimmering effect to text.