Tag: Builder - Construct Patterns & Queries

New

Stretching Routine Builder – Custom Flexibility Plan

Create a personalized stretching routine by selecting target areas (neck, back, hips, legs). Set hold times and number of repetitions for a custom flexibility session.

Fitness builder desk flexibility routine stretching

New

Palindrome Phrase Builder – Online Help to Create Symmetric Sentences

Type a word and find suggestions to extend it into a palindrome phrase. Fun linguistic tool.

Builder builder palindrome phrase

New

Choose‑Your‑Own‑Adventure Tree Builder – Visual Story Map

Draw a branching story tree by adding nodes and connecting them. Export as a JSON or play through the interactive narrative.

Game Design adventure builder story tree

UTM Campaign URL Builder – Track Marketing Links

Fill in the source, medium, campaign, term, and content fields to generate a properly formatted UTM‑tagged URL. Copy the clean link for your ads.

Analytics builder campaign URL UTM

Scavenger Hunt List Builder – Online Indoor/Outdoor Clues

Type a list of items to find and generate a printable checklist with checkboxes. Great for parties.

Builder builder list scavenger hunt

Skincare Routine Builder – AM & PM Steps by Skin Type

Select your skin type and concerns to get a basic morning and evening routine with product types (cleanser, moisturizer, SPF) in the right order.

Beauty builder routine skincare

Interactive GraphQL Query Builder – Point & Click

Paste a GraphQL schema or introspection result and build queries by checking fields. See the resulting query string and copy it for use in your app.

API builder GraphQL interactive query

Gratitude Tree – Add a Leaf for Every Thankful Thought

Type what you’re thankful for and it appears as a leaf on a bare tree. Over time, the tree fills with colorful gratitude leaves.

Activity builder gratitude tree

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.

Business Tools builder CV one page resume

WCAG Safe Palette Builder - Online Accessible Color Sets

Start with a base color and generate an extended palette where every shade contrasts properly with white and black. Export tokens.

Accessibility accessible builder palette WCAG

Cocktail Builder - Online What Can I Make?

Select the ingredients you have at home and see a list of cocktails you can make. Surprise yourself. Local database.

Food builder cocktail ingredients recipe

Visual Cron Schedule Builder – Online Next 10 Runs Preview

Build a cron expression using plain English toggles and see its visual timeline. No memorization needed.

Developer Tools builder cron visual

Comic Strip Layout Builder – Online Drag Panels

Arrange pre‑drawn comic panels into a strip. Add speech bubbles. Export as image. Fun for kids.

Builder builder comic strip layout

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.

Builder band builder setlist

CSS Transition Playground - Online Visual Easing Curve Builder

Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.

Developer Tools builder CSS transition easing visual

Scroll‑Driven Carousel Builder - Online CSS-Only Slider

Construct a CSS‑only carousel with scroll‑snap and scroll‑driven animations. Configurable gap, items, and progress indicator. Copy the HTML/CSS.

Developer Tools builder carousel CSS scroll‑driven

Bookmarklet Code Builder - Online Convert JS to Bookmark

Write a JavaScript snippet and get a ready‑to‑drag bookmarklet link. With minification and encoding. Easy browser tools.

Developer Tools bookmark bookmarklet builder JavaScript

Vanilla JS Plugin Builder - Online Template Generator

Get a clean, commented JS plugin skeleton with IIFE or ES module pattern. Start your new library faster.

Developer Tools builder plugin template vanilla JS

CSS Grid Layout Builder - Online Visual Drag & Drop

Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.

Developer Tools builder CSS Grid layout visual

GraphQL Query Builder - Online Visual Construct Request

Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.

API builder GraphQL query visual

Elevator Pitch Builder - Online Structured Intro

Craft a 30‑second elevator pitch by filling in problem, solution, and ask. Copy the final professional text.

Business builder elevator pitch intro networking

CSS‑Only Accordion Builder - Online No JavaScript FAQ

Configure and generate a pure CSS accordion with details/summary styling. Copy the HTML/CSS. Accessible and lightweight.

Developer Tools builder CSS accordion FAQ no JS

Venn Diagram Builder - Online 2‑ & 3‑Set Overlap Visualizer

Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.

Educational builder sets Venn diagram visual

Query String Parser & Builder - Online URL Params Editor

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.

Developer Tools builder parser query string URL params

Decision Tree Builder - Online Visual Yes/No Path

Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.

Productivity builder decision tree logic visual

RegEx Tester - Online Regular Expression Builder & Matcher

Build and test regular expressions against sample text. Real-time match highlighting, capture groups display, and flavor options. All inside your browser.

Developer Tools builder regex regular expression tester

Yoga Sequence Builder - Online Drag & Drop Poses

Build a yoga flow by dragging pose cards into a sequence. Pose reference images included. Print or share your flow.

Health builder poses sequence yoga

Atom Builder 2D - Online Create Elements with Protons/Electrons

Drag protons, neutrons, and electrons onto a Bohr model template. See the element change. Educational tool.

Chemistry atom builder electrons protons

Advanced CSS Gradient Builder - Online Multi‑Stop & Angle

Create complex linear gradients with any number of color stops, exact angles, and length units. Live preview and CSS code.

Developer Tools angle builder CSS gradient

CSS Grid Playground - Online Interactive Layout Builder

Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.

Developer Tools builder CSS Grid layout playground

Crossword Builder - Online Create & Solve Simple Puzzles

Build a small crossword by adding words and clues. Export as a printable grid or solve in browser. Perfect for classrooms.

Game builder crossword printable puzzle

CSS Subgrid Layout Builder - Online Align Nested Grids

Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.

Developer Tools builder CSS layout subgrid