webpixels
LoginGet full access
BlocksPagesPricingDocsFAQsStudio
LoginGet 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

Parcel

Set up Webpixels with Parcel using a simple, zero-config build pipeline.

On this page
  • 1. Create a new project
  • 2. Install dependencies
  • 3. Add Webpixels to your SCSS
  • 4. Import styles & Bootstrap JavaScript
  • 5. Create your HTML entry file
  • 6. Update npm scripts
  • 7. Start the dev server
  • Notes & Best Practices
webpixels

The fastest way to build production-ready websites and apps.

TermsPrivacyCookies
Webpixels
  • Home
  • Pricing
  • Affiliates
  • UI Blocks
  • Screens & Pages
  • Blog
Help & Support
  • FAQs
  • GitHub Issues
  • Customer Support
  • Work with UsNew
Resources
  • Documentation
  • Installation
  • Marketing Sections
  • Application Layouts
  • Interactive Charts
  • Lists and Tables
  • Application Cards
UI Blocks
  • Base Components
  • Application Screens
  • Dashboard Examples
  • Authentication Screens
  • Lists & Tables
  • Marketing Sections
  • Landing Pages

© 2025Webpixels