Download the PHP package litepie/layout without Composer
On this page you can find all versions of the php package litepie/layout. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download litepie/layout
More information about litepie/layout
Files in litepie/layout
Package layout
Short Description A flexible, component-based layout organizer for Laravel with infinite composition of different section types
License MIT
Homepage https://github.com/Litepie/Layout
Informations about the package layout
Litepie Layout Builder
A powerful and flexible Laravel package for building dynamic, data-driven layouts with support for nested sections, components, authorization, caching, and responsive behavior.
Table of Contents
- Overview
- Installation
- Quick Start
- Core Concepts
- Architecture
- Features
- Documentation
- License
Overview
Litepie Layout Builder provides a fluent, declarative API for creating complex UI layouts in Laravel applications. It separates layout structure from presentation logic, making it easy to build reusable, maintainable, and testable UI components.
Key Features
- Declarative Layout API - Build layouts using a fluent, chainable interface
- Sections & Components - Clear separation between containers (Sections) and content (Components)
- Named Section Slots - Organize content in header, body, footer, and custom slots
- Authorization - Built-in permission and role-based access control
- Data Binding - Automatic data loading from multiple sources (API, database, closures)
- Responsive Design - Device-specific layout configurations
- Caching - Performance optimization with flexible cache strategies
- Events - Lifecycle hooks for before/after rendering
- Validation - Input validation with Laravel validator integration
- Internationalization - Multi-language support with automatic translation
- Export/Import - JSON serialization for layout persistence
Installation
Requirements
- PHP 8.1 or higher
- Laravel 10.x or 11.x
Install via Composer
Publish Configuration (Optional)
This creates config/layout.php where you can customize default behavior.
Quick Start
Basic Example
Creating a Form
Multi-Section Layout
Core Concepts
Sections vs Components
The layout system has two fundamental building blocks:
Sections (Containers)
Sections are containers that organize other elements using named slots (header, body, footer, sidebar, etc.). They define structure but don't render content themselves.
Available Sections:
HeaderSection- Page headers with navigationLayoutSection- Main layout containersGridSection- Responsive grid layoutsTabsSection- Tabbed interfacesAccordionSection- Collapsible panelsWizardSection- Multi-step workflowsScrollSpySection- Scroll-based navigation
Components (Content)
Components are leaf nodes that render actual content. They cannot contain other elements.
Available Components:
FormComponent- Forms with fields and validationCardComponent- Content cardsTableComponent- Data tables with sorting/filteringListComponent- Lists (ordered, unordered, definitions)AlertComponent- Notifications and messagesBadgeComponent- Labels and tagsModalComponent- Dialogs and popupsChartComponent- Data visualizationsTextComponent- Rich text contentCodeComponent- Syntax-highlighted code blocksMediaComponent- Images, videos, galleriesStatsComponent- Statistics displaysTimelineComponent- Event timelinesCommentComponent- Comment threadsBreadcrumbComponent- Navigation breadcrumbsDocumentComponent- Document managementCustomComponent- Custom HTML/JSON content
Section Slots
Sections organize content using named slots:
Nesting Rules
- ✅ Sections can contain Sections - Create nested layouts
- ✅ Sections can contain Components - Add content to containers
- ❌ Components cannot contain anything - They are leaf nodes
Architecture
High-Level Structure
Class Hierarchy
Features
1. Data Binding
Load data from multiple sources:
2. Authorization
Control visibility with permissions and roles:
3. Responsive Design
Device-specific configurations:
4. Caching
Improve performance with automatic caching:
5. Events
Hook into the rendering lifecycle:
6. Conditional Logic
Show/hide elements based on conditions:
7. Validation
Validate form inputs:
8. Internationalization
Multi-language support:
Documentation
Backend (PHP/Laravel)
- Architecture Guide - Detailed architecture and design patterns
- API Reference - Complete API documentation for all sections and components
- Examples - Comprehensive usage examples and patterns
- Custom Components Guide - Create project-specific components
- Complete Guide - Comprehensive documentation
Frontend Implementations
- Frontend Overview - Overview of all frontend implementations
- React/Next.js - ✅ Complete TypeScript implementation with Tailwind CSS
- Vue.js - 📋 Planned implementation
- Flutter - 📋 Planned implementation
Code Examples (PHP)
- Basic Usage - Simple layout examples
- Dashboard Example - Complete dashboard with stats and charts
- Avatar Component - User avatar display examples
- Divider Component - Visual separator examples
- Custom Components - Creating custom components
Testing
Run the test suite:
Run with coverage:
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
Security
If you discover any security-related issues, please email [email protected] instead of using the issue tracker.
License
The MIT License (MIT). Please see LICENSE for more information.
Credits
- Litepie Team
- All Contributors
Support
- Documentation: https://litepie.com/docs/layout
- Issues: GitHub Issues
- Email: [email protected]
All versions of layout with dependencies
illuminate/support Version ^10.0|^11.0|^12.0
illuminate/cache Version ^10.0|^11.0|^12.0
illuminate/validation Version ^10.0|^11.0|^12.0
illuminate/events Version ^10.0|^11.0|^12.0
litepie/form Version ^1.0|^2.0