OneâPage Resume Builder - Online Simple CV Generator
Fill in a form to generate a clean, ATSâfriendly oneâpage resume. Customize sections, colors, and export as printâready PDF. Personal data stays in your browser.
UD5 Toolkit
Create a professional one-page CV in minutes â edit, preview & print instantly
đ This is a live preview. Click Print to save as PDF.
Fill in a form to generate a clean, ATSâfriendly oneâpage resume. Customize sections, colors, and export as printâready PDF. Personal data stays in your browser.
Create a simple 4-shaft weaving draft by clicking warp/weft threads. See plain weave, twill, satin. Educational for weavers. Local only.
Create a 'SALE' or 'NEW' corner ribbon in pure CSS. Adjust colors, position, and text. Great for eâcommerce.
Build a custom CSS reset by toggling which elements to normalize. Copy the resulting stylesheet. Lean and clean.
Visually configure scrollâsnap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
Design a fully styled scrollbar with colors, width, and border radius. Get the CSS for Chrome and Firefox.
Design layered box shadows interactively and get the CSS code in real time. Adjust offset, blur, spread, and color. Essential tool for UI designers.
Design a fully styled scrollbar with colors, width, radius, and hover effects. Supports both ::-webkitâscrollbar and Firefox scrollbarâwidth.
Visually experiment with Flexbox container and item properties. See the layout update in real time and copy the CSS. Learn by doing, fully interactive.
Build a .editorconfig file by setting indentation, charset, and endâofâline rules for your project. Keep all contributors aligned.
Record your screen, application window, or browser tab directly using the Screen Capture API. Download as WebM. All local.
Generate custom placeholder images for mockups and layouts. Specify dimensions, colors, and text. Export as PNG or use the generated data URI. Entirely browser-based.
Upload an image and generate the CSS to use it as a custom mouse cursor. Test it live. Fun for personal websites.
Generate a range of tints and shades from a single hex color. Ideal for data visualization, UI design systems, and Tailwind custom palette creation. Local tool.
Upload an image and get a suggested alt text description using a local vision model (WASM). Improve SEO and accessibility fast.
Generate standard 1D barcodes including CODE128, EAN-13, and UPC-A. Download as image for product labeling or inventory. All processing happens locally.
Paste a cURL command and instantly generate equivalent HTTP request code in Python, JavaScript, PHP, and more. Speed up API integration â fully local.
Design neumorphic elements by adjusting boxâshadow parameters. Realâtime preview and CSS output. For modern soft UI interfaces.
Write a self-contract with a goal and reward/penalty. Sign digitally, save as image. Stay accountable.
Design a pure CSS tooltip with custom text, position (top/bottom/left/right), and arrow. Copy the clean code.
Generate a random HTML/CSS card with different box model properties. Inspect and guess the size. For learners.
Enter container width, number of items, gap, and flexâbasis. See the resulting sizes instantly. Plan your flex layout.
Generate a React custom hook boilerplate with state, effect, and cleanup. Pick the pattern and copy.
Set up a Shared Worker that shares state across multiple browser tabs. Counter and messaging demo. Advanced web.
Number each line of your text sequentially. Customize start number and format. Useful for code snippets, tutorials, and document review. Private operation.
Paste code and generate a beautiful, syntaxâhighlighted PNG image. Choose theme and window style. Shareable code pics.
Paste a screenshot or image, crop it, and add arrows, rectangles, and text. Essential for bug reports and tutorials.
Create CSS maskâimage effects with custom shapes, gradients, and SVGs. Visually see the mask applied to an image. Copy the CSS.
Create a custom cookie consent banner with text, button styles, and colors. Copy the readyâtoâuse HTML/CSS/JS snippet.
Design a tooltip that appears on hover without JavaScript. Choose positioning, arrow, and animation. Copy the clean HTML/CSS.