THE COMPOSITION LAB

Good on their own.
Better together.

Three working interfaces. One shared system. Explore what happens when the pieces connect.

Interactive example

Collections

Sample records. Real interactions.

Sample collections
Status
Essentials collectionPublished24
Studio favoritesDraft12
Spring collectionIn review36
1–3 of 5 collections
Built entirely with staquiExplore the components

Make it your own

Settings combines labeled fields, a switch, a menu and form validation. Collections adds search, selection, sorting, pagination and a creation dialog. Launch planner pairs a range calendar with a progress checklist.

These examples use local React state. Records and settings reset when the page reloads; no files or data are sent to a server.

Install the package