ALT Parcel v2.10 benchmarks React Spectrum website Before:
 Cold build: 60.31s 
Rebuild (adding dependency): 22.32s After:
 Cold build: 39.42s (1.5x faster) 
Rebuild (adding dependency): 2.98s (7.5x faster) Atlassian JIRA Before:
 Cold build: 189s (webpack: 226s) 
Rebuild (content change): 43s (webpack: 38s) Rebuild (dependency change): 87s (webpack 37s) After: Cold build: 136s (1.4x faster) Rebuild (content change): 8s (5.4x faster) Rebuild (dependency change): 12s (7.3x faster)

ALT Code example showing two custom at rule definitions. @mixin registers a mixin, and @apply inlines it into a rule.

ALT Example code for a custom visitor plugin that replaces a --branding-padding environment variable with a value representing 20px.

ALT .foo { color: red; .bar { color: blue; } }

ALT Screenshot of code showing example library re-exporting many components such as Button, Checkbox, Switch, etc.

ALT This results in both smaller bundles and much faster builds. For a very large real-world project with over 60,000 assets, overall build time was reduced from over 25 minutes to 9 minutes (2.7x faster). The total bundle size for the whole project went from 952 MB to 370 MB (2.5x smaller). For comparison, building the same app with webpack takes over 45 minutes.

ALT Table of benchmark results: Vite, root: 293.5ms Vite, leaf: 143.8ms Turbopack, root: 274.8ms Turbopack, leaf: 57ms Parcel, root: 88.6ms Parcel, leaf: 37.4ms

ALT color-mix in lch with teal 65%, olive 45%. Output shows rgb fallback and computed lch color.

ALT An input lch color, adjusting slateblue by darkening it 10%. Output shows a hex color, and calculated lch value.