Free Online Generators

Create SVG charts and vector assets, CSS components, passwords, QR codes and barcodes with free online generators.

Choose the right tool

Set output bounds and format before generating. Random choices can repeat unless the tool offers a no-replacement option. Store credentials securely and scan-test QR codes or barcodes before publishing them. SVG and CSS outputs are static drafts for review; inspect labels, dimensions and contrast before using them.

Available tools

• Password Generator

  Generate passwords using cryptographic randomness with selected character sets.

• Random Number Generator

  Generate uniformly distributed random integers without predictable seeds.

• Lorem Ipsum Generator

  Generate placeholder paragraphs for layout work.

• QR Code Generator

  Create a QR code locally and download a PNG.

• Barcode Generator

  Generate Code 128, EAN-13 or UPC-A barcodes with format validation.

• UTM Link Builder

  Build an HTTP or HTTPS campaign URL with encoded UTM parameters.

• Random Passphrase Generator

  Generate independent random words from the disclosed bundled word list.

• Random List Picker

  Pick random list entries with or without replacement using cryptographic randomness.

• Random Date Generator

  Generate random calendar dates in an inclusive UTC date range.

• Color Palette Generator

  Generate complementary, analogous or triadic opaque sRGB palette colors.

• CSS Gradient Generator

  Generate a linear-gradient CSS declaration from validated opaque hex colors.

• JSON Numeric Range Generator

  Generate a finite numeric sequence as a JSON array.

• SVG Bar Chart Generator

  Create a standalone labeled horizontal bar chart.

• SVG Line Chart Generator

  Plot an evenly spaced numeric sequence as a standalone SVG line chart.

• SVG Pie and Donut Chart

  Create a proportional circle chart with a labeled legend.

• SVG Scatter Plot Generator

  Plot numeric coordinate pairs inside a labeled SVG frame.

• SVG Histogram Generator

  Visualize equal-width numeric bins as a standalone chart.

• SVG Numeric Heatmap

  Map a rectangular numeric matrix to a two-color SVG heatmap.

• SVG Radar Chart Generator

  Plot positive category values against an explicit maximum scale.

• SVG Stacked Bar Chart

  Render two non-negative series as labeled stacked bars.

• SVG Progress Ring Generator

  Create a static percentage ring with a center label.

• SVG Label Badge Builder

  Generate a compact label/value status badge.

• Initials Avatar SVG Generator

  Create a static initials avatar on a solid circular background.

• SVG Image Placeholder Builder

  Create a dimension-labeled placeholder with safe vector markup.

• SVG Word Frequency Grid

  Create a bounded word-frequency graphic with individually sized word cells.

• SVG Curved Text Generator

  Place escaped text on a reusable circular-arc path.

• SVG Repeating Pattern Generator

  Generate a static dots, stripes or checkerboard pattern asset.

• SVG Speckle Texture Generator

  Create a reproducible seeded speckle texture with bounded dot count.

• SVG Wave Divider Generator

  Build a static sine-wave section divider using sampled curve points.

• Organic SVG Blob Generator

  Generate a seeded smooth closed blob from radial control points.

• SVG Star Polygon Generator

  Create a centered star polygon with independent inner radius ratio.

• SVG Circular Sector Asset

  Generate a filled circular sector asset from an angle in degrees.

• SVG Corner Frame Generator

  Create a minimal open-corner decorative frame with transparent background.

• SVG Color Swatch Sheet

  Export selected hex colors as labeled vector swatches.

• SVG Symbol Sprite Builder

  Build named symbols from explicit 24×24 path-data entries.

• SVG Path Geometry Inspector

  Report browser-calculated path length and geometric bounds.

• SVG Path ViewBox Fitter

  Wrap path data in a fitted SVG viewBox with explicit padding.

• SVG Path Point Sampler

  Sample equally spaced arc-length coordinates from one SVG path.

• CSS Box Shadow Builder

  Build a box-shadow declaration from explicit geometry and color.

• CSS Text Shadow Builder

  Generate a text-shadow declaration with validated pixel dimensions.

• CSS Corner Radius Builder

  Build independent four-corner border-radius declarations.

• CSS Responsive Grid Builder

  Create an auto-fitting grid with a minimum card width and safe narrow-screen fallback.

• CSS Flex Layout Builder

  Generate a flexible wrapping row with explicit alignment options.

• CSS Fluid Typography Calculator

  Calculate a clamp() font-size expression between two viewport widths.

• CSS Polygon Clip-Path Builder

  Create a polygon clip path from explicit percentage coordinate pairs.

• CSS Image Filter Chain Builder

  Generate an explicit CSS filter chain for a raster image element.

• CSS Scroll Snap Gallery Builder

  Generate a horizontal gallery layout with user-controlled scrolling and snap points.

• CSS Focus-Aware Tooltip Styles

  Generate tooltip positioning with hover and keyboard-focus visibility states.

• CSS Button Style Builder

  Create a button style with a visible keyboard focus outline.

• CSS Keyboard Focus Ring Builder

  Generate a :focus-visible outline without removing the browser’s fallback focus behavior.

• Visually Hidden Utility Builder

  Generate a text-hiding utility that retains content for assistive technology.

• CSS Sticky Header Table Builder

  Build an overflowing table wrapper and sticky column-header styles.

• CSS Theme Token Generator

  Generate color, spacing and radius custom properties for a small design system.

• CSS Logical Spacing Builder

  Generate direction-aware padding using block and inline properties.

• Responsive Picture Markup Builder

  Generate a responsive picture element with explicit fallback and dimension attributes.

• CSS Numbered Counter Styles

  Generate a custom ordered-list counter using CSS rather than hard-coded labels.

• CSS Gradient Border Builder

  Create a rounded gradient border with layered backgrounds and no animation.