Vite Config Generator - Online vite.config.js Builder
Build a Vite configuration file by selecting plugins (Vue, React, etc.), aliases, and build options. Copy the final code.
UD5 Toolkit
packageRules for grouping updates. Renovate also supports a wider range of package managers (40+) and platforms. It's open-source and can be self-hosted, giving teams full control over their update pipeline.
renovate.json at the root of your repository. For GitHub, you can also use .github/renovate.json. Renovate also supports configuration in .renovaterc, .renovaterc.json, or within package.json under the "renovate" key. The root-level renovate.json is the most common and recommended location.
"automerge": true with "automergeType": "pr" and combine with "requiredStatusChecks" to ensure tests pass before merging. Many teams use ":automergeMinor" preset which automatically merges non-major updates when CI succeeds. Always enable the dependency dashboard for visibility.
schedule field uses natural language-like expressions (e.g., "before 6am", "every weekend", "on Monday and Friday"). Renovate will only create PRs during these windows. Combine with timezone to align with your team's working hours. This is useful for reducing notification noise and ensuring someone is available to review updates when they arrive.
packageRules to define per-package or per-group behavior. Each rule can match packages by name pattern, manager, depType, or updateType, and override any configuration setting. For example, you can disable updates for a specific package, group monorepo packages together, or set different schedules for devDependencies vs production dependencies.
Build a Vite configuration file by selecting plugins (Vue, React, etc.), aliases, and build options. Copy the final code.
Get a random, unique superpower with a detailed description and limit. Perfect for character creation or daydreaming.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
See the current Service Worker registration, its state, and scope. Send 'skipWaiting' and update. PWA debug.
Paste a raw server log snippet and see a structured table with IP, method, URL, and status. Quick audit.
Swap between physical and logical properties (margin‑inline vs margin‑left). Live preview with writing‑mode. Internationalize your CSS.
See the current state of a Service Worker for your page: installing, waiting, active. Unregister or skip waiting. Developer utility.
Log shedding events, note duration, and track humidity to optimize next cycle. Healthy scales.
Set up multiple @layers and use revert‑layer to fall back. See the computed style and cascade resolution live.
List all resources loaded by the current page and their detailed timing breakdown. In‑browser waterfall.
Manipulate CSS values as typed objects using attributeStyleMap. Convert between CSSUnitValue, CSSMathSum, etc. Futuristic CSS‑in‑JS.
Apply will‑change to any element and see its effect on compositing. Learn best practices for smooth animations.
Schedule tasks with user‑visible, user‑blocking, or background priority. See execution order and delays. Modern web perf.
Convert English sea yarns into pirate lingo. Arrr‑matey generator. Perfect for September 19th.
Easily compute posterior probabilities given prior, likelihood, and marginal likelihood. Visual diagram. All local.
Generate a random 5‑color palette where every adjacent pair passes WCAG AA contrast. Safe for inclusive designs.
Register a custom CSS property with syntax, initial value, and inherits. Animate colors and numbers that couldn’t before.
Apply user‑select: none, text, all and see how it affects selection. Copy the CSS snippet for your UI elements.
Estimate arrival time with driving duration, breaks, and time zone changes. Plan your road trip precisely.
Paste your CSS and see rules sorted by specificity. Find overrides and potential collisions. Understand your cascade.
A completely black page to save battery on OLED devices. Click to go fullscreen. Simple utility.
Implement a dark/light theme toggle that respects prefers‑color‑scheme. Copy the complete JavaScript and CSS.
Enter network name and password to generate a stylish printable card for visitors. Local, no data leak.
See every HTML input type in one page. Check browser support and styling. Copy sample markup. Quick frontend reference.
Calculate flour, water, starter amounts to achieve a target loaf hydration. Adjusts for starter hydration. Instant local calculation.
Paste your CSS and get a sorted list of all custom properties defined under :root with their values. Quick audit.
Test the new style() function inside @container to query custom property values. Revolutionary component‑based responsive design.
Access the Paint Timing API and display First Paint, First Contentful Paint, and Largest Contentful Paint times. Quick perf check.
Estimate how long a battery will last given capacity (mAh/Wh) and load current. Also computes backup time for power banks. Quick and local.
See your device's battery level, charging status, and discharge time using the Battery Status API. Fun utility.