Babel Config Generator - Online Presets & Plugins
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
UD5 Toolkit
Generate a .nvmrc file for Node Version Manager. Pick a version, copy or download — ready for your project.
20 → latest 20.x), full semver (20.11.0), and LTS codenames.
.nvmrc in your project root, then run nvm use to switch automatically.
20.11.0, lts/*, or lts/iron. When you run nvm use in that directory, nvm reads the file and switches to the specified version automatically. This ensures all developers on a team use the same Node.js version.
.nvmrc file (using this generator or manually), navigate to the project directory and run:nvm usenvm install.bashrc, .zshrc):cdnvm() { cd "$@" && if [ -f .nvmrc ]; then nvm use; fi; }alias cd='cdnvm'lts/* — Always resolves to the latest LTS release. Ideal for CI/CD pipelines or projects that want to stay on the newest LTS without manual updates.lts/iron — Pins to a specific LTS codename (Iron = Node 20). This won't change even when a newer LTS is released.20.11.0 — Locks to an exact version. Use for strict reproducibility.20 — Partial version; nvm resolves to the latest patch within the 20.x range..nvmrc files out of the box. nodenv uses .node-version instead, but the format is identical — a single version string. nvs and volta also respect .nvmrc or similar version files. This makes .nvmrc the most widely compatible choice for specifying Node.js versions across different tools.
cat .nvmrc — Displays the file contents.nvm use — Attempts to switch to the version specified.node -v — Confirms the currently active Node.js version.nvm use says "Version not found," run nvm install first to download the required version.
| Codename | Version | Status |
|---|---|---|
lts/jod | v22 | Current |
lts/iron | v20 | Active LTS |
lts/hydrogen | v18 | Maintenance LTS |
lts/gallium | v16 | EOL |
lts/fermium | v14 | EOL |
lts/erbium | v12 | EOL |
lts/dubnium | v10 | EOL |
lts/carbon | v8 | EOL |
lts/boron | v6 | EOL |
lts/argon | v4 | EOL |
.nvmrc file should be committed to your Git repository. This ensures every contributor uses the same Node.js version, preventing "works on my machine" issues. Add it alongside your package.json and other config files. It's a lightweight, framework-agnostic way to enforce Node version consistency across your team and CI/CD pipelines.
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
Create CSS animations and transitions without coding. Define keyframes, easing, and duration. Copy the @keyframes and animation code instantly.
Generate a humorous, realistic‑looking git commit message. Perfect for testing or filling mock repos.
Generate the doGet() and doPost() boilerplate for a Google Apps Script web app. Ready to paste into the editor.
Generate an SVG placeholder image with custom text, width, height, and colors. Use as a placeholder service. Pure SVG.
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eye‑catching.
Generate strong random strings for API tokens, session secrets, or encryption keys. Uses crypto.getRandomValues().
Create a reflection effect for images or text using box‑reflect. Adjust direction and offset. Copy the CSS.
Select emojis and arrange them into a seamless tiling background. Copy the CSS data‑URI or download as image.
Add some trendy skills to your resume. Generate a list of hard and soft skills relevant for tech and business jobs.
See how `animation‑composition: replace, add, accumulate` works by layering animations on the same property. Understand the spec.
Generate a DKIM DNS record from a public key and selector. Check syntax. Improve your domain’s email deliverability.
Easily compute posterior probabilities given prior, likelihood, and marginal likelihood. Visual diagram. All local.
Generate a link to an SVG placeholder image with a custom width, height, and text. Use as dummy image src. No server.
Upload an image and get its BlurHash string along with a tiny preview. Use for progressive loading. Pure JavaScript.
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.
Create and format Markdown tables by adjusting rows and columns. Align text, copy the raw Markdown. Perfect for README files.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Create a Blob from text or a file and generate a temporary URL for it. Understand the Blob API. Dev demo.
Search and copy HTML entities for arrows, math, currency, and symbols. See the glyph and code. Fast reference.
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.
Create a random magical item with a name, effect, and lore for your RPG session. Perfect for dungeon masters. No API.
Drag the virtual ring to perform multiplication, division, and unit conversions. Rediscover pre‑electronic calculator charm.
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Click on a box to set the transform‑origin point and see how rotations and scales change. Copy the CSS.
Trim a video clip and convert it into an animated GIF. Adjust frame rate and size. Processing stays on your computer for privacy.
Adjust rotateX/Y/Z and translate to see a 3D box in real time. Copy optimized CSS transform.
Interactive cheatsheet for JavaScript regular expressions with live examples. Click any token to see its explanation and test it on sample text immediately.
Combine two random concepts to spark the next billion‑dollar startup idea. Silly or serious, it's brainstorming fun.