Setlist Builder – Online Drag Songs into Order & Time
Drag songs into a setlist and see total duration. Perfect for planning a concert or DJ set.
UD5 Toolkit
Drag songs into a setlist and see total duration. Perfect for planning a concert or DJ set.
Start with a base color and generate an extended palette where every shade contrasts properly with white and black. Export tokens.
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.
Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.
Select the ingredients you have at home and see a list of cocktails you can make. Surprise yourself. Local database.
Write a JavaScript snippet and get a ready‑to‑drag bookmarklet link. With minification and encoding. Easy browser tools.
Construct a CSS‑only carousel with scroll‑snap and scroll‑driven animations. Configurable gap, items, and progress indicator. Copy the HTML/CSS.
Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.
Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.
Craft a 30‑second elevator pitch by filling in problem, solution, and ask. Copy the final professional text.
Get a clean, commented JS plugin skeleton with IIFE or ES module pattern. Start your new library faster.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Parse a URL's query string into a key-value table, or build a query string from parameters. Perfect for API testing and web development.
Create complex linear gradients with any number of color stops, exact angles, and length units. Live preview and CSS code.
Drag protons, neutrons, and electrons onto a Bohr model template. See the element change. Educational tool.
Build a yoga flow by dragging pose cards into a sequence. Pose reference images included. Print or share your flow.
Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.
Configure and generate a pure CSS accordion with details/summary styling. Copy the HTML/CSS. Accessible and lightweight.
Build a small crossword by adding words and clues. Export as a printable grid or solve in browser. Perfect for classrooms.
Build and test regular expressions against sample text. Real-time match highlighting, capture groups display, and flavor options. All inside your browser.