lisse library

Smooth-corner (squircle) rendering for Flutter.

The headline type is LisseBorder — an OutlinedBorder you can hand to any Flutter API that takes a shape (ShapeDecoration, Material, Card, ClipPath), so clipping, borders and shadows trace the squircle natively. SmoothBox and SmoothClip are convenience widgets on top of it.

Classes

LisseBorder

An OutlinedBorder whose outline is a Lisse smooth-cornered rectangle.

LisseBorderLayer

One concentric border stroke. Layers are painted from the outer edge inward in the order given, each consuming its own width.

LisseCorner

Configuration for a single corner. Immutable: all fields are final.

LisseCorners

Per-corner configuration for a rectangle. Immutable: all fields are final.

LisseInnerShadow

An inner shadow cast inside the silhouette. Flutter has no native inner shadow; SmoothBox paints this above the fill and below the content.

SmoothBox

A smooth-cornered container with the full effect set.

SmoothClip

Clips child to a Lisse smooth-cornered silhouette.

Enums

LisseBorderStyle

Visual style of a LisseBorderLayer stroke.

LisseCurve

Corner curve family. Default: LisseCurve.squircle (the Figma curve).

Functions

clearCurveCache() → void

Clears the entire cache (tests / per-request SSR-style reset).

debugPathData(double width, double height, LisseCorners corners) → String

SVG path d string for a smooth-cornered rectangle. For verification/debugging; the rendering path uses a dart:ui sink.

lissePath(Rect rect, LisseCorners corners) → Path

Builds a smooth-cornered Path filling rect. Public for custom clippers/painters; most code uses LisseBorder.