The Vibeary — tag

shapes

15 resources in The Vibeary tagged "shapes" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Haikei

Haikei

Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls.

z creative labs GmbHfree
Preview of dddepth

dddepth

Library of AI-generated 3D shape renders, free to download and drop into layouts.

fffuelfree
Preview of Blobmaker

Blobmaker

Generates smooth random organic blob shapes with complexity and contrast sliders, exportable as SVG.

Z Creative Labsfree
Preview of Section Divider

Section Divider

Generates CSS-only section dividers — waves, zigzags, arrows — that scale without image assets.

Temani Afif (@ChallengesCss)free
Preview of CSS Shapes

CSS Shapes

Generator producing complex CSS clip-path and shape-outside values with a visual point editor.

Temani Afif (@Afif13)free
Preview of Fancy Border Radius Generator

Fancy Border Radius Generator

Visual editor for the eight-value border-radius syntax, producing organic squircle and blob shapes from real CSS.

9elementsMIT
Preview of Custom Corners

Custom Corners

Generates notched, scooped and cut-corner CSS shapes on a single element, without pseudo-element hacks or image assets.

Temani Afif (@ChallengesCss)free
Preview of Blob Shapes

Blob Shapes

Generates organic blob shapes as CSS border-radius or clip-path values, so blobs stay resolution-independent and animatable.

Temani Afif (@ChallengesCss)free
Preview of Starburst Shapes

Starburst Shapes

Generates starburst and sunburst CSS shapes with adjustable spike count and depth.

Temani Afif (@ChallengesCss)free
Preview of SwiftUI-PathAnimations

SwiftUI-PathAnimations

Toolkit for animating and morphing between SwiftUI Path and Shape definitions, including circle-to-shape interpolation helpers.

Alberto Dellibovi (@adellibovi)MIT
Preview of ssshape

ssshape

Organic blob shape generator producing editable SVG paths, with sliders for complexity, irregularity and corner smoothing.

fffuelfree
Preview of Progressbar.js

Progressbar.js

Library for animated SVG progress shapes — line, circle, semicircle or custom path — with per-step callbacks and custom easing.

Kimmo Brunfeldt (@kimmobrunfeldt)MIT
Preview of CSS Generators

CSS Generators

Twenty parameterised generators for CSS-only shapes, ribbons, tooltips, gradient shadows, section dividers and fancy borders.

Temani Afif (@ChallengesCss)free
Preview of Clippy

Clippy

Drag-and-drop clip-path editor supporting polygon, circle, ellipse and inset with live CSS output over your own image.

Bennett Feelyfree
Preview of Squircley

Squircley

Generates superellipse squircle shapes as SVG with curvature, rotation and gradient fill controls.

Shape Factoryfree