Sticky Toolbar Shell
App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.
App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Sticky Toolbar Shell is the data-heavy app frame: a 16-wide icon rail (Members active), a page header with an Invite member button and a badge counting 7 members, and a sticky toolbar that stays pinned while the table scrolls. The toolbar shows 2 selected with Export CSV and Remove bulk actions, then a search field with the cmd+K hint, Filter, Sort, and a list/grid view toggle. The table beneath has checkboxes, avatar plus email, role badge, Joined, and Last active columns, with Avery Stone and Jordan Lee pre-checked.
Members are one const array covering Owner through Viewer. The toolbar is static markup: wire the checkbox state, bulk actions, and view toggle to your client state layer.
Reach for this block on any list page that needs bulk operations, filtering, and view switching above a table, wired to your data and selection state.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace members list with bulk remove and export. Other list pages:
Tip: the toolbar only shows bulk actions when rows are selected; wire opacity or display to selection count so an empty selection does not offer a remove button.