Feature cards, configure

Add-ons that need a setting (how many, how much) the moment they are chosen.

Get Pro to installPro18 blocksReact, Vue and Figma
MCPConnect the MCP server

Plan add-ons

Pick what to add, and set it up in place.

Coverage
Seats3 seats$8 each, billed monthly

More in Checkbox blocks#

Preferences list

Settings and notification screens: a titled list where each row is a choice

Preferences, channels

Notification settings where each topic can reach you in several places

Preferences, weekly load

Notification settings that show what each choice costs in a week

Selectable table

Bulk actions on records: select all, select some, act on the selection

Selectable table, selection bar

Tables where the actions should only appear once something is selected

Selectable table, running total

Money tables where the useful answer to "what did I select" is a sum

Permission groups

Roles and scopes: a parent box that follows its children and sets them

Permission groups, presets

Role editors where most people start from a standard role and tweak it

Permission groups, rings

Long permission lists where a glance should say how much is granted

Feature cards

Plan add-ons and option pickers: each choice is a card, with read-only and disabled states

Feature cards, receipt

Add-on pickers where the price must be clear before committing

Feature cards, configure

Add-ons that need a setting (how many, how much) the moment they are chosen

Logo cards

Integrations and connected apps: the same cards led by a brand logo

Logo cards, stack

Integration lists where the result of connecting should be visible at once

Logo cards, tiles

Directories of many apps: a grid of tiles where connecting takes a moment

Logo card

One connected-app choice on its own: the Checkbox Card component

Logo card, scopes

Connecting an app that asks for several permissions

Logo card, link

Connecting an app to your workspace with feedback on the link itself

When to use#

  • Form values that a save commits, not settings that apply on the spot
  • Selecting rows in a table for an action taken on the selection
  • Nested scopes where a parent has to reflect and set its children
  • Optional extras drawn as cards, several of which can be on at once

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.