Halftone Dots

$5

Halftone Dots

Bold, print-inspired halftone

Details

Category

Last update

Suggest improvement or report a bug

Halftone Dots — Framer component

About this Component

Turn any image into a bold, print-inspired halftone — the classic comic-book/newsprint dot pattern, rendered live with full control over grid, dot shape, and color. Perfect for giving flat photos a punchy, editorial edge.

Features

  • 4 dot styles — Classic, Gooey, Holes, and Soft, each with a distinct dot character

  • 2 grid types — Square or Hex grid layout

  • Original Colors option — sample colors straight from the image, or set your own Background/Foreground palette

  • Inverted mode — flip the image luminance for a negative-style halftone look

  • Grain layer — mix grain into the dot edges or add a full post-processing grain overlay, with independent grain scale

  • Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance

Controls

  • Image

  • Background Color

  • Foreground Color

  • Original Colors

  • Type

  • Grid

  • Inverted

  • Size

  • Radius

  • Contrast

  • Grain Mixer

  • Grain Overlay

  • Grain Size

  • Scale / Rotation / Offset

How to use

  1. Add the Halftone Dots component onto your canvas

  2. Upload the image you want to convert into a halftone pattern

  3. Pick a Type and Grid combo (Classic + Square for a print-shop feel, Gooey + Hex for something more organic)

  4. Adjust Size and Radius to set how big and dense the dots are

  5. Toggle Original Colors on for a natural palette, or set custom Background/Foreground colors

  6. Optionally add Grain Mixer / Grain Overlay for extra texture

Shader powered by Paper Shaders.

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.

Asset updates

Get new Framer assets delivered to your inbox

New releases, free assets, and occasional offers. No spam.