Logo cards, tiles

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

Get Pro to installPro18 blocksReact, Vue and Figma

MCP

Connected apps

Choose which apps can sync with your workspace.

3 of 8 connected

NotionConnected

FigmaOff

GitHubConnected

LinearOff

Google DriveManaged

DropboxOff

GmailOff

OktaEnterprise

More in Checkbox blocks#

Notification preferences

Choose which updates reach your inbox.

Product updatesWeeklyNewNew features and improvements.

Mentions & repliesGet notified when someone tags you or replies to you.

Security alertsInstantSign-ins from new devices and password changes.

Billing receiptsA receipt each time your card is charged.. Required by your workspace

Text messagesAvailable on the Business plan.

Preferences list

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

Notification preferences

Choose what reaches you, and where.

Notify me about

EmailAll email

PushAll push

DiscordAll Discord

Product updatesNew features and improvements.

Mentions & repliesGet notified when someone tags you or replies to you.

Security alertsSign-ins from new devices and password changes.

Billing receiptsA receipt each time your card is charged.

Preferences, channels

Notification settings where each topic can reach you in several places

Notification preferences

Choose what reaches you, and how often.

Product updatesNew features and improvements.

Mentions & repliesGet notified when someone tags you or replies to you.

Security alertsSign-ins from new devices and password changes.

Always sent at once.

31notifications a weekTo ana@orvain.dev

Product updates 7Mentions 24Security 0

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.

Open in Blocks See plans