PHPackages accelade/schemas - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. accelade/schemas ActiveLibrary[Templating & Views](/categories/templating) accelade/schemas ================ Schema layout components for Accelade - organize forms with sections, tabs, grids, wizards and more v1.0.0(3mo ago)01.4k[3 PRs](https://github.com/accelade/schemas/pulls)2MITBladePHP ^8.2CI passing Since Jan 19Pushed 1mo agoCompare [ Source](https://github.com/accelade/schemas)[ Packagist](https://packagist.org/packages/accelade/schemas)[ Docs](https://github.com/accelade/schemas)[ GitHub Sponsors](https://github.com/fadymondy)[ RSS](/packages/accelade-schemas/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (1)Dependencies (7)Versions (8)Used By (2) Accelade Schemas ================ [](#accelade-schemas) **Layout Components for Laravel Blade.** [![Tests](https://github.com/fadymondy/accelade-schemas/actions/workflows/tests.yml/badge.svg)](https://github.com/fadymondy/accelade-schemas/actions)[![Latest Version](https://camo.githubusercontent.com/aea8f26557cb1290ef5cd51eb456124570319c2f1a41a43e551fb425f197854e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f616363656c6164652f736368656d6173)](https://packagist.org/packages/accelade/schemas)[![Total Downloads](https://camo.githubusercontent.com/48daacc0240707afb3be1db9bf73c59a3e368846cee1868ff64c2ebff9862b8a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f616363656c6164652f736368656d6173)](https://packagist.org/packages/accelade/schemas)[![License](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](LICENSE) --- Schema components for organizing forms, content, and data displays in your Laravel applications. Built on top of [Accelade](https://github.com/fadymondy/accelade) for reactive interactivity. ``` ``` **That's it.** Collapsible sections, tabs, grids, wizards, and more. All with reactive state management. --- Features -------- [](#features) - **Section** — Collapsible panels with headings, descriptions, and icons - **Tabs** — Horizontal/vertical tabs with badges and persistence - **Grid** — Responsive multi-column layouts - **Columns** — Simple equal-width columns - **Split** — Two-column layouts with configurable ratios - **Fieldset** — HTML fieldset with legend - **Wizard** — Multi-step form flows - **Placeholder** — Static content, views, or HTML --- Installation ------------ [](#installation) ``` composer require accelade/schemas ``` The package extends Accelade's component namespace, so all components are available as ``. --- Quick Start ----------- [](#quick-start) ### Section [](#section) ``` ``` ### Tabs [](#tabs) ``` ``` ``` use Accelade\Schemas\Components\Tabs; use Accelade\Schemas\Components\Tab; $tabs = Tabs::make() ->tabs([ Tab::make('General') ->icon('...') ->schema([...]), Tab::make('Advanced') ->badge('3') ->schema([...]), ]); ``` ### Grid [](#grid) ``` Item 1 Item 2 Item 3 ``` ### Wizard [](#wizard) ``` ``` ``` use Accelade\Schemas\Components\Wizard; use Accelade\Schemas\Components\Step; $wizard = Wizard::make() ->steps([ Step::make('Account') ->icon('...') ->schema([...]), Step::make('Profile') ->schema([...]), Step::make('Review') ->schema([...]), ]) ->nextLabel('Continue') ->submitLabel('Create Account'); ``` ### Split Layout [](#split-layout) ``` Sidebar Content ``` ### Fieldset [](#fieldset) ``` ``` ### Placeholder [](#placeholder) ``` ``` --- Responsive Columns ------------------ [](#responsive-columns) All grid-based components support responsive column configurations: ``` // Simple: 2 columns Grid::make(2); // Responsive: 1 on mobile, 2 on sm, 3 on lg Grid::make(['default' => 1, 'sm' => 2, 'lg' => 3]); ``` ``` ... ``` --- Multi-Framework Support ----------------------- [](#multi-framework-support) Components automatically use the correct framework prefix for Accelade's reactivity: FrameworkDirectivesVanilla JS`a-show`, `a-class`, `@click`Vue`v-show`, `v-class`, `@click`React`data-state-show`, `data-state-class`, `@click`Svelte`s-show`, `s-class`, `@click`Angular`ng-show`, `ng-class`, `@click`--- Object-Based API ---------------- [](#object-based-api) All components support a fluent PHP API for programmatic rendering: ``` use Accelade\Schemas\Components\Section; use Accelade\Schemas\Components\Grid; use Accelade\Schemas\Components\Tabs; use Accelade\Schemas\Components\Tab; $section = Section::make('settings') ->heading('Application Settings') ->description('Configure your app') ->icon('...') ->collapsible() ->collapsed() ->columns(2) ->schema([ Grid::make(2)->schema([...]), ]); // In Blade: {!! $section->render() !!} ``` --- Requirements ------------ [](#requirements) - PHP 8.2+ - Laravel 11.x or 12.x - Accelade 0.2+ --- Documentation ------------- [](#documentation) ComponentDescription[Section](docs/section.md)Collapsible sections with headings[Tabs](docs/tabs.md)Tabbed content panels[Grid](docs/grid.md)Responsive grid layouts[Wizard](docs/wizard.md)Multi-step form wizard[Fieldset](docs/fieldset.md)Group fields with legend[Split](docs/split.md)Two-column layouts[Columns](docs/columns.md)Equal-width columns[Placeholder](docs/placeholder.md)Static content display--- License ------- [](#license) MIT License. See [LICENSE](LICENSE) for details. ### Health Score 44 — FairBetter than 92% of packages Maintenance84 Actively maintained with recent releases Popularity20 Limited adoption so far Community12 Small or concentrated contributor base Maturity51 Maturing project, gaining track record Bus Factor1 Top contributor holds 51.5% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 118d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/2147eb2fca7ab5f0124d0fafd88ba2d2a5dfa3a0036fb8872d1084b7cba29366?d=identicon)[fadymondy](/maintainers/fadymondy) --- Top Contributors [![fadymondy](https://avatars.githubusercontent.com/u/11937812?v=4)](https://github.com/fadymondy "fadymondy (17 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (16 commits)") --- Tags laravelbladegridlayoutsectionFormswizardtabsschemasaccelade ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/accelade-schemas/health.svg) ``` [![Health](https://phpackages.com/badges/accelade-schemas/health.svg)](https://phpackages.com/packages/accelade-schemas) ``` ### Alternatives [tightenco/jigsaw Simple static sites with Laravel's Blade. 2.2k438.5k29](/packages/tightenco-jigsaw)[radic/blade-extensions Laravel package providing additional Blade extensions: foreach (with $loop data like twig), break, continue, set,array (multiline), etc 271321.7k5](/packages/radic-blade-extensions) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)