On my quest to build out all the plugins I wish I had, I am launching my free customizable shape plugin, Simple Shapes!
Links
Plugin Page
Demo Page
App Editor
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
What does it do?
Drop it on your page, pick a shape, style it, done. No images to upload, no external assets, no blurry edges at any size.
Eight shapes, one element
Circle, Square, Triangle, Star, Diamond, Hexagon, Cross, and Arrow. Select from a dropdown and the shape fills your element’s full width and height as a sharp SVG.
Style everything from the editor
Fill color, border color and width, opacity, and drop shadows with full control over offset and blur. All fields are dynamic so you can drive them with conditions or workflows.
Spin and rotate
Set a static rotation angle or enable continuous spin animation. Control speed, direction (clockwise or counter-clockwise), and toggle it on and off with element actions from your workflows.
Star and cross controls
Adjust the number of star points (3-12) and inner radius ratio. Control cross arm thickness. Fine-tune the exact shape you need.
Click events built in
The shape fires a click event you can use in workflows. Disable clicks with a single property when you need to.
Other good stuff
Shapes stretch to any aspect ratio (except circle)
Drop shadow with configurable color, offset, and blur
Start Spin, Stop Spin, and Toggle Spin element actions
Exposed is_spinning state for conditional logic
Disable mode to suppress clicks
No images, no libraries, no external dependencies
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FAQ
Does it work with Bubble’s new responsive engine?
Yes, fully compatible. Shapes scale with your element.
Does it work on mobile?
Yes.
Can I animate the shape from a workflow?
Yes, use the Start Spin, Stop Spin, or Toggle Spin element actions.
I have a question or found a bug. How do I reach you?
Leave a comment on this thread or reach out directly and I’ll get back to you fast.