DocWiki
Written in Rust, Native & WASM Supported

Utoo🌖/juːtuː/
An Unified Toolchain For Web Development

A complete suite of tools for modern frontend development. Lightning fast package management, bundling, and browser-native builds.

utoo@utoo/pack@utoo/web
Install Dependenciesutoo
$

utoo

Package Manager

$npm i -g utoo

A high-performance npm package manager built with Rust. Features content-addressable storage, optimized workspace support, and native lockfile compatibility for lightning-fast, reproducible builds.

Native npm Lockfile

Reads and writes standard package-lock.json (v3). No migration needed—works with your existing projects.

Quick Referenceutoo
$ut install
Install from lockfile
$ut add <pkg>
Add new dependency
$ut remove <pkg>
Remove dependency
$ut deps
Generate package-lock.json
$ut list <pkg>
Show dependency tree
$ut view <pkg>
View package info
$utx <pkg>
Execute remote CLI

Smart Install

Parallel downloads with intelligent caching

Package Explorer

View package info, dependencies, and versions

Script Runner

Interactive workspace and script selection

Lock Generation

Generate package-lock.json with ut deps

Workspaces

Isolated and optimized monorepo management

Global Cache

Content-addressable storage to save disk space

@utoo/pack

Next-Gen Bundler

$ut i @utoo/pack @utoo/pack-cli -D

Next-generation bundler powered by Turbopack and SWC. Minimal config, instant HMR, and optimized production builds.

Turbopack & SWC Powered Engine

High-performance incremental builds with built-in persistent caching for maximum speed.

@utoo/pack
$utx up dev
Start dev server
$utx up build
Production build
$utx up build --webpack
Webpack compat mode

Native Speed

Ultra-fast compilation and bundling powered by SWC and Turbopack

Instant HMR

Sub-millisecond hot module replacement for rapid iteration

Modular Assets

Automatic code splitting and optimized loading strategies

Lightning CSS

Next-gen CSS parsing and transformation via lightningcss

Loader Compatibility

Supports most mainstream Webpack loaders and features for seamless migration

Persistent Caching

Advanced persistent disk storage for near-instant restarts

Node Bridge

Automatic polyfills for running Node.js modules in browsers

Visual Insights

Built-in bundle analyzer for deep performance optimization

Code Optimization

Advanced tree shaking, scope hoisting, and dead code elimination for smaller bundles

Image Optimization

Automated image optimization and blur placeholder support

Modern Styling

Native integration for Emotion and Styled Components

Integrated Dev Server

Feature-rich development proxy and static file serving

@utoo/web

In-browser Development Environment

$ut i @utoo/web

A high-performance web development environment running entirely in the browser. Features native-speed multi-threaded builds, seamless Webpack loader support, and instant HMR without Node.js emulation.

Native Browser Environment

Install npm packages, execute WASM-native TypeScript compilation, and bundle assets with full HMR support—all natively via OPFS.

Quick Reference@utoo/web
$new Project({ cwd })
Create project
$project.install(lock)
Install deps
$project.build()
Build project
$project.readFile(path)
Read files
$project.writeFile(path, content)
Write files

Browser npm Install

Install packages directly from npm registry

Multi-threaded Build

Tokio-powered parallel bundling and compilation in WASM

Webpack Loader Support

Seamlessly execute loaders with built-in Node.js polyfills

In-browser HMR

Instant hot module replacement without a backend server

@utoo/web Playground

Experience browser-native builds. This playground runs entirely in your browser—no server required. Dependencies are installed from npm, TypeScript is compiled, and assets are bundled using WebAssembly.