webpixels
Login
Get full access
Blocks
Pages
Pricing
Docs
FAQs
Studio
Login
Get full access
Getting Started
Introduction
Installation
Configuration
Optimize
Guides
Vite
Parcel
Laravel
Styleguide
Colors
Typography
Utilities
Overview
Border
Background
Gradients
Effects
Flex
Interactions
Sizing
Spacing
Text
Transform
Transitions
Plugins
Charts
Laravel
Set up Webpixels with Laravel using Vite and a modern SCSS-based workflow.
On this page
1. Create a new Laravel project
2. Install frontend dependencies
3. Add Webpixels to your SCSS
4. Import styles & Bootstrap JavaScript
5. Verify Vite configuration
6. Load assets in Blade
7. Run the dev server
Notes & Best Practices