Effect

Library

Shape

A flat rectangle, circle, or polygon with adjustable design params

A clean flat shape — rectangle, circle, polygon — drawn mathematically so its edges stay razor-sharp at any size. These are the building blocks of Bauhaus/Swiss design: simple geometry, arranged with intent.

I. Made with Shape

  • fish-ray glasses wide by @goodbytes
  • vrooooom by @goodbytes
  • Kudos to Jagaba Dennis by @goodbytes
  • alphabet series / R by @goodbytes
  • alphabet series / Q by @goodbytes
  • alphabet series / M by @goodbytes
  • alphabet series / G by @goodbytes
  • riso glyphs by @goodbytes
  • Recreating a demo by Tomoyuki Nakata / Codrops by @goodbytes
  • flow state copy by @goodbytes
  • flow state by @goodbytes
  • nobody reads this sh*t by @goodbytes

II. Everything else

  • 3D Model — A primitive or a ready-made model — as authored, or in glass, mirror or matcap
  • Background — Solid color or gradient backdrop
  • Gradient — Animated multi-stop gradient (frequency, warp, scroll)
  • Image — Upload a picture or an SVG as a layer, or pick one of 72 built-in shapes; position, scale and rotate it
  • Text — Editable text with Google fonts; replicate, move and rotate
  • Video — Play a muted, looping video clip as a layer; position, scale and rotate it

All 53 effects →