Gabe Flavin's UI Tools
Drop Shadow
Divider Generator
Mesh Gradient
AVIF Converter
SVG Copier
Emoji Copier
Blob Generator
QR Generator
Lorem Ipsum
Shape Settings
Shape Type
Sine Wave
Angled (Tilt)
Curved/Arc
Triangle Peaks
Height (px)
Frequency
Amplitude
Peak Position (
0
%)
Adjusts where peaks appear horizontally
Curve Intensity
Curve Position
Number of Triangles
Triangle Height
Direction
Slope Down to Left
Slope Down to Right
Flip Vertically
Fill Settings
Solid
Linear Gradient
Radial Gradient
Color
Opacity (
100
%)
Gradient Stops
+ Add Stop
Gradient Angle (
45
°)
Gradient Stops
+ Add Stop
Center X (
50
%)
Center Y (
50
%)
Radius (
50
%)
Stroke Settings
Enable Stroke
Stroke Color
Stroke Width (px)
Shadow Settings
Enable Shadow
Shadow Color
Shadow Opacity (
30
%)
Blur (px)
Offset X (px)
Offset Y (px)
Export
Export as PNG
Export as JPG
Copy Base64 Data URL
Reset to Defaults
CSS Background Image
Copy
Raw SVG Code
Copy