---
title: "css-position-area-editor"
description: "Visual editor for previewing every CSS position-area value against an anchor, exporting the matching declaration."
canonical: "https://vibing.inc/library/css-position-area-editor-vg-0169"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Modern CSS demos"
license: "open-source"
author: "Burnworks (@burnworks)"
source: "https://github.com/burnworks/css-position-area-editor"
---

# css-position-area-editor
Visual editor for previewing every CSS position-area value against an anchor, exporting the matching declaration.
## Facts
- Source: https://github.com/burnworks/css-position-area-editor
- Category: Backgrounds, Effects & CSS Oddities / Modern CSS demos
- Author: Burnworks (@burnworks)
- Licence: open-source
- Tags: css, anchor-positioning, tool, editor
## Why it's a gem
position-area has thirty odd values nobody memorises; this makes them visual
---
Listed in The Vibeary: https://vibing.inc/library/css-position-area-editor-vg-0169 · JSON: https://vibing.inc/api/public/library/gems/css-position-area-editor-vg-0169