Beta preview

Blocks

Copy-paste building blocks for common application layouts.

Blocks are multi-file layouts you add with the CLI the same way you add components:

npx sigma-ui add login-simple

They land in your blocks directory (next to components/ui by default) with the components they depend on.

Auth ​

Login and signup layouts.

Dashboard ​

Application shells, sidebars, a mail client, and data-heavy screens.

Table ​

A filterable data table.

Settings ​

Settings pages and profile forms.

Derived from Sigma File Manager ​

These blocks are derived from patterns in Sigma File Manager, a free, open source desktop file manager. Each one is added the same way as any other block, and comes in both the CSS and Tailwind styles.

BlockAdd it withWhat it is
settings-sfm-listnpx sigma-ui add settings-sfm-listA preferences page with a category nav, search, and rows for switches, selects, steppers, and buttons.
settings-sfm-shortcutsnpx sigma-ui add settings-sfm-shortcutsA keyboard shortcuts editor that records new key combinations and warns about conflicts.
dashboard-sfm-activity-centernpx sigma-ui add dashboard-sfm-activity-centerA header button with a live job count and a popover of running and finished jobs.
dashboard-sfm-marketplacenpx sigma-ui add dashboard-sfm-marketplaceA browse, installed, and updates gallery for integrations or plugins.
dashboard-sfm-command-palettenpx sigma-ui add dashboard-sfm-command-paletteA Cmd+K or Ctrl+K command palette with recent commands and key hints.
dashboard-sfm-changelognpx sigma-ui add dashboard-sfm-changelogA what's new dialog with a version list and notes grouped by change type.

The data in these blocks is placeholder content. Replace it with your own data and wire the actions (cancel, install, rebind, run) to your app.

Edit this page on GitHub