UD5 Toolkit
Express Route Snippet Generator - Online Node.js API
Enter a resource name and HTTP method to get a complete Express route handler with try/catch and comments.
Google Apps Script Web App Boilerplate - Online Starter Code
Google Apps Script Web App Boilerplate
Generate a fully customizable starter code for your next Google Apps Script web application. Choose your libraries, handlers, and get production-ready scripts instantly.
Customize Your Boilerplate
Frequently Asked Questions
A Google Apps Script web app is a lightweight application that runs on Google's infrastructure and is accessible via a unique URL. It is built using Google Apps Script, which is a JavaScript cloud scripting language. These web apps can serve HTML pages, interact with Google services like Sheets, Drive, and Gmail, and are perfect for internal tools or public utilities.
Go to script.google.com, click “New project.” You can also create a project directly from Google Drive by clicking New > More > Google Apps Script. Once created, paste the generated
Code.gs and index.html files into the editor.
Click on "Deploy" > "New deployment" in the script editor. Choose "Web app," set the access permissions (usually "Anyone" for public apps), and click "Deploy." Authorize and copy the generated URL. You can also use "Test deployments" for development previews.
doGet() handles HTTP GET requests, usually used to serve the initial HTML page. doPost() handles POST requests, ideal for form submissions or AJAX data. The boilerplate can include both based on your selection.
Yes, you can include CDN links directly in your
index.html as shown in this boilerplate. However, some organizations restrict external requests; in that case, consider downloading the files and adding them as separate HTML files (e.g., css.html) and include them with <?!= include('css') ?>.
It controls whether your web app can be embedded in an iframe.
ALLOWALL permits embedding anywhere; DEFAULT follows standard security policies. For most public-facing web apps, ALLOWALL is safe if you don't handle sensitive data.
Access parameters inside
doGet(e) using e.parameter or e.parameters. For example, e.parameter.name retrieves the value of ?name=John. You can then use this data to customize the HTML served.
Absolutely. This starter code follows Google's best practices and is modular enough to be extended. Always test your web app thoroughly, consider usage quotas, and implement proper error handling before moving to production.
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.
Stencil.js Component Generator - Online Web Component Starter
Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.
Code Screenshot Generator - Online Carbon Code Image Maker
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
JavaScript Regex Cheatsheet - Online Interactive Pattern Reference
Interactive cheatsheet for JavaScript regular expressions with live examples. Click any token to see its explanation and test it on sample text immediately.
.nvmrc Node Version Generator - Online
Select a Node.js version from the LTS list and instantly download a .nvmrc file. Lock your project’s runtime.
Animated Gradient CSS Generator - Online Moving Background
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eye‑catching.
Random Crypto Key Generator - Online Create API Tokens & Secrets
Generate strong random strings for API tokens, session secrets, or encryption keys. Uses crypto.getRandomValues().
PDF Script Inspector - Online See Embedded JavaScript
Drop a PDF and extract any embedded JavaScript or form actions. Check for malicious code. Privacy‑friendly analysis.
Responsive Embed Code Generator - Online Video & Map
Paste any iframe embed code (YouTube, maps) and get a responsive wrapper div with correct aspect ratio CSS.
HTTP Link Header Generator - Online Preload & DNS‑Prefetch
Construct HTTP Link headers for server push replacements, preload, and preconnect. Copy the header value.
Blob URL Generator - Online Create Temporary Object URL
Create a Blob from text or a file and generate a temporary URL for it. Understand the Blob API. Dev demo.
Markdown Table Generator - Online Visual Builder & Formatter
Create and format Markdown tables by adjusting rows and columns. Align text, copy the raw Markdown. Perfect for README files.
CSS‑in‑JS Runtime Cost Simulator - Online Render 1000 Nodes
Render 1000 styled elements using inline styles vs. CSS classes and compare time. Understand CSS‑in‑JS trade‑offs.
Selection & Range API Demo - Online Get/Set Selection
Select text and see the Selection object properties. Create ranges programmatically. Understand how rich‑text editors work.
HTML Symbol Entities Cheatsheet - Online Search & Copy
Search and copy HTML entities for arrows, math, currency, and symbols. See the glyph and code. Fast reference.
Random HTTP Status Code Generator - Online Dev Test
Click to get a random HTTP status code with its name and description. See 418 I'm a teapot. Fun for devs.
Visual CSS Specificity Calculator - Online (0,0,1) Style
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Canvas Sprite Animation - Online Play Sprite Sheet
Load a sprite sheet, define frames, and play an animation on a canvas. Control frame rate and loop. Game dev tool.
Random Dessert Recipe - Online Sweet Treat Idea Generator
Get a random dessert recipe with ingredients and steps. From cakes to cookies. Solve your sweet cravings. Local database.
animation‑composition Demo - Online Blend Multiple Animations
See how `animation‑composition: replace, add, accumulate` works by layering animations on the same property. Understand the spec.
Ingredient Substitution Finder - Online What to Use Instead
Search for common ingredient substitutions (e.g., buttermilk, egg, cornstarch). Quick reference for when you're missing something. Local data.
touch‑action CSS Playground - Online Gesture Control
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Dynamic Placeholder Image Service - Online Test Images
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
HTTP Methods Cheatsheet - Online GET POST PUT DELETE Guide
Quick reference of HTTP methods with their semantics, idempotency, and example REST usage. Static, fast.
Dynamic SVG Placeholder Generator - Online Text-Based
Generate an SVG placeholder image with custom text, width, height, and colors. Use as a placeholder service. Pure SVG.
CSS Transform Origin Playground - Online Visual Pivot
Click on a box to set the transform‑origin point and see how rotations and scales change. Copy the CSS.
Sudoku Generator - Online Play & Create 9x9 Puzzles
Generate a random Sudoku puzzle with a unique solution. Choose difficulty and type numbers on the board. Timer and mistake counter.
Interactive Regex Cheatsheet - Online Quick Reference
An interactive reference for regular expression tokens. Click a token to see its explanation and example. Learn regex faster.
Random Number Generator - Online RNG Between Range
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.