PolyFrame logo

PolyFrame

Published June 2026
   •    Updated June 2026

Plugin details

PolyFrame lets you display images or solid colors inside polygon shapes (triangle, pentagon, hexagon, heptagon, and octagon) with smooth rounded corners. No custom CSS needed. Just drop it in, pick your shape, and go.
Demo: https://plugins-92908.bubbleapps.io/version-test/polyframe?

Free

For everyone

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Forthbit logo
Forthbit
Joined 2023   •   6 Plugins
View contributor profile

Instructions

1. Add the Polygon Shape element to your page and set its width/height.
2. Choose your shape from the "Shape" dropdown (3 = Triangle, 5 = Pentagon, 6 = Hexagon, 7 = Heptagon, 8 = Octagon).

3. Set an image in the Image field, or enable "Use Flat Color" and pick a Background Color instead.

4. Adjust Corner Radius to control how rounded the edges are. 0 = sharp, higher = more rounded.

5. To simulate a border, place a second PolyFrame behind this one with a slightly larger size and a solid color — this creates a clean border effect.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Image   •   Containers   •   Media   •   Visual Elements

Resources

Support contact

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble