Carbon Svelte Webpack screenshot

Carbon Svelte Webpack

Author Avatar Theme by Metonym
Updated: 4 Jan 2026
8 Stars

Svelte + Webpack template for building apps with the Carbon Design System with SASS/autoprefixing

Categories

Overview

The Carbon Svelte Webpack template brings together Svelte and Webpack to create a powerful setup for developing applications using the Carbon Design System. This template is ideal for developers looking to leverage Svelte’s reactivity alongside the design principles offered by Carbon. It simplifies the process of building apps while ensuring that design consistency is maintained.

With SCSS support, developers can easily customize styles and incorporate the rich set of features provided by the Carbon Design System. The straightforward setup allows for quick project scaffolding, making it accessible to both experienced developers and those new to the ecosystem.

Features

  • Seamless Integration: Combines Svelte and Webpack with Carbon Design System for streamlined development.
  • SCSS Support: Easily style your components using SCSS for enhanced customization and design flexibility.
  • Quick Scaffolding: Use degit to rapidly scaffold a new project, speeding up the initial setup process.
  • Development Mode: Run npm run dev to launch the app in development mode and view changes in real-time.
  • Production Build: Utilize npm run build to compile the app for production, optimizing performance and ensuring a smooth user experience.
  • Static Assets Management: Place static assets, such as favicons, in a dedicated public folder for organized project structure.
  • Community Support: Based on the popular Carbon Design System, ensuring access to a wealth of resources and community-provided components.