component
Award Ribbon Badge
By Sydney Lab
Details
- Sydney LabAuthor
- componentType
- 2026-06-06Published
- 2026-06-06Updated
- 2026-06-04Added
- TextCategories
Summary
Award Ribbon Badge is a lightweight Framer component for adding a simple vertical ribbon badge to portfolio thumbnails, project cards, galleries, award sections, and featured work…
Description
Award Ribbon Badge is a lightweight Framer component for adding a simple vertical ribbon badge to portfolio thumbnails, project cards, galleries, award sections, and featured work pages. Inspired by classic curated-gallery badges, this component keeps the design intentionally minimal: a clean rectangular ribbon shape with a V-shaped notch and bold centered text. Use it for short labels such as Ph, Mo, Ai, 3D, Ft, Aw, Br, Pd, New, Pro , or any custom text. What you can customize: Badge text Badge color Text color Width and height Notch depth Corner radius Font, size, and weight Use cases: Portfolio category badges Featured project labels Award or winner markers Creative gallery tags Template card labels Project thumbnail overlays The component is built with simple CSS and Framer property controls, so it stays lightweight, responsive, and easy to edit without extra assets or images.
Introduction
A simple customizable award badge.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3614