A production-ready boilerplate with 95+ components, atomic design architecture, and full Storybook documentation. Clone, customize, ship.
Skip weeks of setup. Start with a complete design system that's ready to customize.
31 atoms, 36 molecules, and 28 organisms organized for predictable composition and reuse.
Colors, spacing, typography centralized in SCSS variables. Change your brand in one place.
Every component works in both Vue 3 SFCs and Laravel Blade templates with identical props.
Interactive documentation for every component with props, variations, and usage examples.
Lightning-fast HMR in development and optimized production builds out of the box.
Fluid typography with Utopia scale and responsive components for every screen size.
See how components compose into real interfaces. Each template is a working demo you can build from.
Stats cards, recent orders table, activity feed, and quick actions sidebar.
View TemplateSearchable data table with filters, bulk actions, pagination, and row actions.
View TemplateOrder detail page with items table, timeline, customer info, and action sidebar.
View TemplateFull CRUD edit form with sections, validation states, and sticky action sidebar.
View TemplateLogin and register pages with split layout, social auth buttons, and brand panel.
View TemplateFull marketing page with hero, features, pricing table, testimonials, and FAQ.
View TemplateClone the repo, install dependencies, and start building. Here's how.
Get the starter kit from GitHub.
git clone https://github.com/SheetLabelscom/sli-design-system.git my-app
Install both PHP and Node.js packages.
cd my-app && composer install && npm install
Copy the example env file and generate an app key.
cp .env.example .env && php artisan key:generate
Update colors and tokens in the SCSS variables file.
resources/sass/abstracts/_variables.scss
Run the Laravel server and Vite dev server.
php artisan serve & npm run dev
A taste of what's included. Explore the full library in Storybook.
Clone the repo and start shipping your next project faster than ever.