Sale 40% OFF
Ship Faster Sale:
Save 40% on all plans — offer ends Jan 23th
Get full access
0
D
:
0
H
:
0
M
:
0
S
webpixels
Login
Get full access
Blocks
Screens
Pricing
Docs
FAQs
Blog
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