A frame for your content
This frame uses 33px borders. Geometry and images are selected by the package.
Ornaments with plain JavaScript
A frame, a complete repeating divider, and a whole painted decoration. The same design and sizing options work in React.
Use it in your project
The original direction comes from the design. Horizontal and vertical automatically select the matching tile; complete units stay centered in the available length.
Use one design
import { createDivider } from '@ranx729/medieval-ornaments/designs/red-berry-vine';
import '@ranx729/medieval-ornaments/styles.css';
createDivider(element);
Individual imports omit the design option and bundle only chosen metadata. This picker uses the full API to browse every design.
Use an illustration
import { createOrnamentImage } from '@ranx729/medieval-ornaments/designs/flying-pig';
createOrnamentImage(image, { size: 128, loading: 'lazy', decoding: 'async' });