Dev Design Library

App Shell

The page standard every BoardUI template follows, free or Pro: content sits directly on the page background inside a 1300px column, so cards and tables carry their own surfaces; above it a breadcrumb trail (team, member, page) and the page heading. Pages pass what differs and get the rest.

App Shell preview
Library
BoardUI
Framework
React
Type
component
License
MIT
Install
npx boardui@latest add app-shell
Files
  • components/application/app-shell/app-shell.tsx
  • components/application/app-shell/components-catalog.tsx
  • components/application/app-shell/notification-bell.tsx
  • components/application/app-shell/pro-offer-card.tsx
  • components/application/app-shell/starter-notifications.ts
  • components/application/notification-center/notification-center.tsx
  • components/foundations/template-copy/template-copy.tsx
  • components/base/avatar/avatar.tsx
Source
https://github.com/BoardUI/boardui

Categories

More from BoardUI