• LC
    LaralCN-UI copy-and-own
Guides
  • Getting Started Getting Started
  • Components Components
  • Blocks Blocks
  • Theming Theming
  • Plain Blade Plain Blade
Navigation
  • accordion accordion
    JS
  • breadcrumb breadcrumb
  • tabs tabs
    JS
Feedback
  • alert alert
  • skeleton skeleton
  • toast toast
    JS
Data Display
  • avatar avatar
  • badge badge
  • table table
Forms
  • button button
  • checkbox checkbox
  • input input
  • label label
  • radio radio
  • select select
  • switch switch
    JS
  • textarea textarea
Layout
  • card card
  • collapsible collapsible
    JS
  • separator separator
  • sidebar sidebar
    JS
Overlays
  • dialog dialog
    JS
  • dropdown-menu dropdown-menu
    JS
  • sheet sheet
    JS
  • tooltip tooltip
    JS
  • GitHub GitHub
  1. LaralCN-UI
  2. Blocks

Blocks

Ready-made, multi-component layouts you copy and own. Each block is built entirely from LaralCN-UI components. Install a block and every component it depends on with a single command:

php artisan ui:add-block sidebar-01

7 blocks available.

Navbar

navbar-01 Alpine

Classic top navbar with centered links, a dropdown, and dual call-to-action buttons. Collapses into a slide-in sheet on mobile.

navbar-02 Alpine

Minimal top navbar with centered links, a dropdown, and a single primary action. Collapses into a slide-in sheet on mobile.

navbar-03 Alpine

Navbar with a full-width mega menu: two grouped link columns plus a featured-articles panel. Mobile menu uses an expandable sheet.

navbar-04 Alpine

Navbar with a mega menu laid out as a two-column grid of icon, title, and description items. Mobile menu uses an expandable sheet.

navbar-05 Alpine

Compact navbar with a two-group mega menu and a footer call-to-action row inside the panel. Mobile menu uses an expandable sheet.

navbar-06 Alpine

Floating pill navbar that detaches from the top edge, with centered links, a dropdown, and dual actions. Collapses into a sheet on mobile.

Application Shell

sidebar-01 Alpine

Collapsible sidebar shell with workspace switcher, nav groups, and user footer. Ctrl/Cmd-B toggles it.

Created with love and coffee by Abdulkader Safi