Vellum Monster

screenshot of Vellum Monster

Web component for displaying 5th Edition monster stat blocks

Overview

The <vellum-monster> is an innovative web component designed to streamline the display of monster stat blocks for fifth edition tabletop roleplaying games. Building on the foundation of Val Markovic's Statblock5e, this component simplifies the process of presenting monsters with its user-friendly structure, offering a single import compared to the multiple imports of previous versions. This makes it ideal for game masters who want a straightforward solution that enhances their gaming experience.

What truly sets the <vellum-monster> apart is its ability to automatically calculate important game values such as average hit points and challenge ratings. This feature not only saves time but also ensures that the information presented is accurate and up-to-date. With customizable themes and a visually appealing design, the component adds an official touch to game sessions, making it a valuable addition to any Dungeons & Dragons campaign.

Features

  • Simplified Integration: One simple import is all you need to get started, eliminating the hassle of multiple imports.
  • Automatic Calculations: The tool can automatically compute average hit points and challenge ratings based on several attributes, enhancing convenience for game masters.
  • Custom Themes: Tailor your stat blocks' appearance with custom themes via CSS, allowing for a personalized look that fits your campaign style.
  • Flexibility with Adjustments: Traits, actions, and legendary actions can modify hit points, armor class, damage, and attack bonuses, ensuring accurate challenge ratings.
  • Responsive Design: The component supports various CSS properties for width, background, and border styling, facilitating a smooth integration into your existing layouts.
  • Custom Layouts: Create unique stat blocks that go beyond standard formats, accommodating specific needs for your game session.
  • Official Look: The built-in theme provides a polished and professional aesthetic to your stat blocks, enriching the overall gameplay experience.
template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.