Delim Converter
Convert lists between comma, pipe, tab, and custom delimiters with advanced options.
Input 0 items
Output 0 items

⚙️ Settings

Remove newlines
Remove duplicates
newline every X
Adds to the very start/end of the result — handy for ('a','b') or [a, b]
✓ Copied!
Case Converter
Switch between UPPER, lower, Title Case, and Sentence case.
Duplicate Line Remover
Remove duplicate lines, optionally sort alphabetically or by length.
Number Extractor
Extract all integers, decimals, and percentages from text.
Character Counter
Count characters, words, and lines with detailed stats.
Text Reverser
Reverse strings, words, or the order of lines.
Find & Replace
Bulk replace multiple strings at once — add as many find/replace conditions as you need.
Prefix / Suffix Stamper
Add custom prefix and suffix to every line.
Prefix: Suffix:
Whitespace Trimmer
Strip, collapse, or remove all whitespace. "Clean All" does both trim and collapse in one click.
Column Extractor
Extract specific columns from CSV/TSV data.
Columns:
Split by Chunk
Split a long string into fixed-width chunks.
Chunk size:
Alphabetical Sorter
Sort lines A→Z, Z→A, or by line length.
Escape / Unescape
Escape to HTML entities or JSON strings, or unescape back.
Line Number Stamper
Add incremental line numbers (001, 002, 003...) to each row.
Start:
SQL Value Generator
Wrap each line in quotes and join → ('a','b','c')
Date Range Generator
Generate a list of dates between two dates with custom intervals.
0 dates generated
Epoch Converter
Convert Unix timestamps to human-readable dates and vice versa.
SQL Formatter
Beautify or minify SQL queries with proper indentation.
CASE Statement Builder
Build SQL CASE WHEN statements one condition at a time — no special syntax to remember.
Query Sanitizer
Strip comments, SET statements, and trailing semicolons from SQL.
📌 Sticky Notes
Organize your thoughts, tasks, and ideas with drag-and-drop sticky notes.
Sticky Notes Organize your thoughts Saved locally
📌
Click "+ Add Note" to create your first sticky note.
Text Comparator
Compare two texts and see the differences highlighted.
Click "Compare" to see differences highlighted.
Ready to compare
Text Statistics
Get detailed statistics about your text: words, characters, paragraphs, sentences, and more.
0
📝 Words
0
🔤 Characters
0
📏 Characters (no spaces)
0
📄 Sentences
0
📑 Paragraphs
0
📃 Lines
0
📊 Avg word length
0
📊 Avg sentence length
SQL Query Templates
Ready-to-use boilerplate for common query patterns — CTEs, joins, date rollups, window functions, and stored procedures. Click Copy and adapt the table/column names.
CTE
Basic CTE (Common Table Expression)
Break a query into a readable, reusable named block.
WITH recent_orders AS (
    SELECT
        customer_id,
        order_id,
        order_date,
        total_amount
    FROM orders
    WHERE order_date >= DATEADD(day, -30, GETDATE())
)
SELECT
    customer_id,
    COUNT(order_id)   AS order_count,
    SUM(total_amount) AS total_spent
FROM recent_orders
GROUP BY customer_id
ORDER BY total_spent DESC;
Recursive CTE (hierarchy / org chart)
Walk a parent-child tree, e.g. an employee/manager hierarchy.
WITH RECURSIVE employee_hierarchy AS (
    -- Anchor: top-level rows (no manager)
    SELECT
        employee_id,
        manager_id,
        employee_name,
        1 AS level
    FROM employees
    WHERE manager_id IS NULL

    UNION ALL

    -- Recursive: join children to their parent's result
    SELECT
        e.employee_id,
        e.manager_id,
        e.employee_name,
        eh.level + 1
    FROM employees e
    INNER JOIN employee_hierarchy eh
        ON e.manager_id = eh.employee_id
)
SELECT *
FROM employee_hierarchy
ORDER BY level, employee_name;
-- Note: SQL Server / Oracle: drop the RECURSIVE keyword (just WITH employee_hierarchy AS (...))
Joins
INNER / LEFT JOIN across multiple tables
Combine orders with customers and line items in one query.
SELECT
    o.order_id,
    c.customer_name,
    o.order_date,
    p.product_name,
    oi.quantity
FROM orders o
INNER JOIN customers c
    ON o.customer_id = c.customer_id
LEFT JOIN order_items oi
    ON o.order_id = oi.order_id
LEFT JOIN products p
    ON oi.product_id = p.product_id
WHERE o.order_date >= '2026-01-01'
ORDER BY o.order_date DESC;
GROUP BY / Dates
Monthly rollup with GROUP BY on a date
Aggregate a date column by month (swap the truncation line for your engine).
SELECT
    DATE_TRUNC('month', order_date) AS order_month,     -- PostgreSQL
    -- FORMAT(order_date, 'yyyy-MM')  AS order_month,    -- SQL Server
    -- DATE_FORMAT(order_date, '%Y-%m') AS order_month,  -- MySQL
    COUNT(*)          AS order_count,
    SUM(total_amount) AS revenue
FROM orders
GROUP BY DATE_TRUNC('month', order_date)
ORDER BY order_month;
Window Functions
ROW_NUMBER + running total
Rank each customer's orders and compute a running total.
SELECT
    customer_id,
    order_id,
    order_date,
    total_amount,
    ROW_NUMBER() OVER (
        PARTITION BY customer_id
        ORDER BY order_date DESC
    ) AS order_rank,
    SUM(total_amount) OVER (
        PARTITION BY customer_id
        ORDER BY order_date
        ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW
    ) AS running_total
FROM orders;
Stored Procedures
Parameterized stored procedure
A basic proc with optional date-range filters (T-SQL syntax).
CREATE PROCEDURE GetCustomerOrders
    @CustomerId INT,
    @StartDate  DATE = NULL,
    @EndDate    DATE = NULL
AS
BEGIN
    SET NOCOUNT ON;

    SELECT
        order_id,
        order_date,
        total_amount
    FROM orders
    WHERE customer_id = @CustomerId
        AND (@StartDate IS NULL OR order_date >= @StartDate)
        AND (@EndDate   IS NULL OR order_date <= @EndDate)
    ORDER BY order_date DESC;
END;
-- Call it: EXEC GetCustomerOrders @CustomerId = 101, @StartDate = '2026-01-01';
Upsert / Merge
MERGE (upsert) from a staging table
Insert new rows and update matching ones in a single statement.
MERGE INTO customers AS target
USING staging_customers AS source
    ON target.customer_id = source.customer_id
WHEN MATCHED THEN
    UPDATE SET
        target.customer_name = source.customer_name,
        target.email         = source.email,
        target.updated_at    = GETDATE()
WHEN NOT MATCHED THEN
    INSERT (customer_id, customer_name, email, created_at)
    VALUES (source.customer_id, source.customer_name, source.email, GETDATE());
🎨 Color Picker & Converter
Pick a color (or type a value) and get HEX, RGB, HSL, HSV, and CMYK instantly — copy any format with one click.
HEX
#FACC15
RGB
rgb(250, 204, 21)
RGB Percent
rgb(98%, 80%, 8%)
HSL
hsl(46, 96%, 53%)
HSV / HSB
hsv(46, 92%, 98%)
CMYK
cmyk(0%, 18%, 92%, 2%)
CSV ⇄ JSON Converter
Paste CSV or JSON and convert between them. Handles quoted fields, embedded commas, and nested-safe escaping.
SQL Query Explainer
Paste a SQL query and get a plain-English, structured breakdown of what it does. Pattern-based — works fully offline, no AI involved.
Unit Converter
Convert data sizes and time durations. Pick a category, enter a value, and see it converted to every other unit.
Time Till
Track how many days are left until any number of dates — deadlines, launches, deliveries. Optionally count business days only.
⏱ Pomodoro / Focus Timer
Classic work/break focus timer. Runs entirely in this tab — leaving or refreshing the page resets it.
Focus Session
25:00
0
QR Code Generator
Turn any text or URL into a scannable QR code — generated 100% in your browser, nothing sent anywhere.
Type something to generate a QR code.
🧩 Flow Planner
Sketch out flows and diagrams with shapes and connectors. Double-click a shape to rename it, drag to move, and export the whole board as a PNG.
Drag from a shape's blue dot to another shape to connect them. Double-click a shape to type inside it.

Flow Planner — Draw Flowcharts & Diagrams Online

The Flow Planner lets you sketch flows and diagrams using draggable shapes and arrow connectors, then export the finished board as a PNG. It's built for anyone who needs a lightweight online flowchart maker for planning a process, mapping a workflow, or sketching a decision tree — without the complexity of full diagramming software. Add shapes, connect them, and export — all in your browser.

⚡ Key Takeaways

  • Four base shapes with drag-to-connect arrows and inline text editing.
  • Connectors can be repointed by dragging an endpoint, not just deleted and redrawn.
  • Export the finished board as a high-resolution PNG in one click.
  • Best for quick, general-purpose sketches rather than strict UML notation.

What, Who, When & Why

What it's forA visual board for sketching flowcharts and diagrams using draggable shapes and connectors.
Who it's forAnyone planning a process, workflow, or decision tree who wants a quick visual without full diagramming software.
When to use itDuring planning discussions, process documentation, or any time an idea is easier to explain visually than in text.
Why it's neededFull diagramming software is often more complex than needed for a quick sketch, and text descriptions of a process are harder to follow than a diagram.
Best way to use itUse diamonds for decision points and rectangles for process steps consistently, following common flowchart conventions.

How to Use the Flow Planner

  1. Click a shape button (Rectangle, Square, Circle, or Diamond) to add it to the board.
  2. Drag shapes to arrange them, or drag the corner handle on a selected shape to resize it.
  3. Double-click a shape to type text directly inside it.
  4. Drag from a shape's blue connection dot onto another shape to draw an arrow between them.
  5. Click a connector to select it — drag an endpoint to repoint it to a different shape, or click 🗑 to delete it.
  6. Click ⤢ to expand the board full-screen, and 📸 to export the finished diagram as a PNG.

Example

A simple approval process might use a rectangle labeled "Submit Request," connected to a diamond labeled "Approved?", which branches to two more rectangles: "Process Order" if yes, and "Notify Rejection" if no. Building this takes just a few clicks — add each shape, type its label by double-clicking, then drag connectors between them to show the flow of the process.

Key Features

  • Four base shapes: rectangle, square, circle, and diamond.
  • Inline text editing directly inside each shape.
  • Drag-to-connect arrows between shapes, with live preview while dragging.
  • Repointable connectors — drag an existing connector's endpoint to a different shape instead of deleting and redrawing.
  • Resizable shapes for fitting more text.
  • Color palette for organizing shapes by category or type.
  • Full-screen expand mode for focused diagramming.
  • Export the finished board as a high-resolution PNG.
  • Auto-saves to your browser between visits.

Practical Use Cases

  • Process mapping: sketch out a business process or workflow step by step.
  • Decision trees: use diamond shapes to represent decision points with branching arrows.
  • System diagrams: map out how components in a system connect and interact.
  • Planning discussions: quickly visualize an idea during a meeting or brainstorming session, then export it to share.
  • Onboarding documentation: create a simple visual guide showing the steps in a recurring process.

Tips for Best Results

  • Use diamonds consistently for decision points and rectangles for process steps, following common flowchart conventions, to make the diagram easier for others to read.
  • Color-code shapes by team, status, or category to make a complex diagram easier to scan at a glance.
  • Expand to full screen before doing detailed layout work on a larger diagram, then export once you're happy with the arrangement.

Related Terminology

A flowchart uses connected shapes to represent a sequence of steps or decisions, with different shapes conventionally representing different types of steps — diamonds often represent decision points, while rectangles represent process steps, and circles or ovals commonly mark the start and end points of a process.

Important Considerations

The board is designed for general-purpose diagramming rather than formal UML or specialized notation — if you need strict adherence to a particular diagramming standard, treat this as a quick sketching tool rather than a fully compliant diagramming application. Diagrams are saved to your browser's local storage, so they're tied to your current device and browser rather than syncing automatically elsewhere.

Related Tools

Planning a database structure instead of a general process? Use the purpose-built ER Diagram Designer. For capturing notes alongside your diagram planning, try Sticky Notes.

Frequently Asked Questions

How do I add text inside a shape?

Double-click the shape — an inline text box appears directly on top of it, ready to type into.

How do I connect two shapes with an arrow?

Hover over a shape to reveal small blue dots at its edges, then drag from one of those dots onto the shape you want to connect to.

Can I move a connector to a different shape after drawing it?

Yes, click the connector to select it, then drag either endpoint onto a different shape to repoint it without needing to delete and redraw it.

Can I export my diagram as an image?

Yes, click the 📸 export button to download the entire board as a PNG image.

Will my diagram be there if I come back later?

Yes, the board auto-saves to your browser's local storage, so it will still be there the next time you visit on the same device and browser.

🗄️ ER Diagram Designer
Sketch database schemas visually — add tables, define columns with types and keys, and draw relationships between them. Export the finished diagram as a PNG.
Drag a column's dot onto another column to relate them. Click a table's header to drag it.
Free • Browser-Based • No Sign-Up

Tools for analysts, developers & QA engineers

33 free, browser-based utilities — text and list tools, SQL helpers, converters, and small productivity apps. Everything runs locally; nothing you type or paste is ever uploaded.

📊

For Analysts

Clean lists, build SQL fragments, and reshape data without opening a spreadsheet.

💻

For Developers

Format SQL, convert data formats, and handle everyday text and encoding tasks.

🧪

For QA Engineers

Generate test data, compare text output, and sanitize queries before sharing them.

Core Tools

🔀
LIVE
Delim Converter
Convert comma, pipe, tab, or custom-delimited lists in seconds — perfect for turning spreadsheet columns into SQL IN-clauses, CSV rows, or JSON-ready arrays.
Open tool
🔤
LIVE
Case Converter
Instantly convert text to UPPERCASE, lowercase, Title Case, or Sentence case — handy for cleaning up names, headlines, and inconsistent data entry.
Open tool
🧹
LIVE
Duplicate Remover
Remove duplicate lines from any list while keeping the rest in order, then sort alphabetically or by length — great for cleaning email lists, tags, or CSV exports.
Open tool
🔢
LIVE
Number Extractor
Pull every integer, decimal, and percentage out of messy text or pasted reports — useful for quickly isolating prices, IDs, and metrics from unstructured data.
Open tool
🔡
LIVE
Character Counter
Get an instant character, word, and line count, with and without spaces — useful for meeting character limits on titles, meta descriptions, and forms.
Open tool
🔁
LIVE
Text Reverser
Reverse a string, flip the order of words, or reverse the order of lines — a quick utility for palindromes, obfuscation, or reordering data.
Open tool
🔍
LIVE
Find & Replace
Run multiple find-and-replace operations on a block of text in one pass, with optional case-sensitive and regex matching — faster than replacing strings one at a time.
Open tool
🏷️
LIVE
Prefix / Suffix Stamper
Add the same prefix and/or suffix to every line of a list — ideal for wrapping values in quotes or brackets, or building URL lists and SQL fragments.
Open tool
✂️
LIVE
Whitespace Trimmer
Trim leading/trailing spaces, collapse repeated whitespace, or strip all whitespace entirely — fixes copy-paste formatting issues from spreadsheets and PDFs.
Open tool
📊
LIVE
Column Extractor
Pull specific columns out of CSV or tab-separated data by column number — no spreadsheet software required.
Open tool
📏
LIVE
Split by Chunk
Break a long string into fixed-width chunks — useful for splitting serial numbers, hashes, or IDs into readable segments.
Open tool
🔠
LIVE
Alphabetical Sorter
Sort any list alphabetically (A→Z or Z→A) or by line length — a quick way to organize names, tags, or file lists.
Open tool
🔐
LIVE
Escape / Unescape
Convert text to HTML entities or JSON-safe strings, or reverse the process — essential for safely embedding user text in HTML or JSON payloads.
Open tool
#️⃣
LIVE
Line Number Stamper
Add sequential line numbers to any list, starting from any number — useful for numbered references, changelogs, and IDs.
Open tool
🧮
LIVE
SQL Value Generator
Wrap a list of values in quotes and parentheses to build a ready-to-paste SQL IN (...) clause — skip manually quoting hundreds of values.
Open tool
🔄
LIVE
CSV ⇄ JSON Converter
Convert CSV data to JSON, or JSON arrays back to CSV, with proper handling of quoted fields and embedded commas — no spreadsheet or script required.
Open tool

SQL Tools