Scalar UI
Marketing UIApp UIAIChartsBackgrounds
Sign inGet started
Scalar UI
Scalar UI© 2026 Scalar Limited

React · Tailwind CSS · Motion

Browse

HomeAll components 213

Collections

Marketing UI 107App UI 94AI 16Charts 45Backgrounds 2Text 43

More

Text 43

Getting started

Installation

Primitives

AccordionsAlert DialogsAlerts2Aspect RatiosAvatars2BadgesBreadcrumbsButton GroupsButtons2CalendarsCheckboxesCollapsiblesComboboxesCommand MenusContext MenusDate PickersDialogsDropdown MenusEmpty StatesFields2FormsHover CardsInput OTPInputs3KbdMenubarsNavigation MenusPaginationPassword InputsPopoversProgress2Radio GroupsResizableScroll AreasSelectsSeparatorsSheetsSkeletonsSlidersSpinnersSwitchesTablesTabsToastsToggles2ToolbarsTooltipsSortablesStatus DotsTree ViewsFile UploadsSteppers

Layouts

SidebarsNavbarsApp Shells

Blocks

SchedulersBoards3CanvasesWorkflowsAI apps4Developer tools3AuthenticationOnboardingSettingsPricing & upgrades2Help & feedback4System pages7Admin console

Other

Cards

Resources

Docs & installScalar Design
App UIBlocks

Settings

Eighteen settings pages in separate files with grouped navigation and search, sub-pages in place of modals, a sticky unsaved-changes bar and leave guard, confirm dialogs with type-to-confirm and password steps, read-only admin pages for members, and a phone layout.

PreviousOnboardingNextPricing & upgrades

On this page

SecurityNotificationsMembersBillingUsage and CreditsAPI KeysWebhooksSingle Sign-onAudit LogPrivacy and DataMember ViewPhone

Settings

radix-ui · motion · lucide-react

Security

Password, two-step setup with recovery codes, passkeys, devices and sign-ins.

Notifications

Events against email, push and in-app, a digest, quiet hours and muted projects.

Members

Seats, roles, search, pending invites and an invite page that warns about extra seats.

Billing

Plan, a change-plan page with proration, card, details, invoices and a cancel flow.

Usage and Credits

A daily chart, limits, credits with top-ups, a spend limit and usage by person.

API Keys

Scoped keys shown once on creation, with expiry and revoke.

Webhooks

Endpoints with health, a signing secret and deliveries you can open and retry.

Single Sign-on

A four-step SAML setup, require SSO, and SCIM directory sync.

Audit Log

Filter by person and action, search, and open an event's detail.

Privacy and Data

Download your data, then delete the account with a grace period.

Member View

What someone without admin rights sees: locked pages, read-only fields.

Phone

The nav becomes its own screen with a back button to it.