Learn how to install and integrate Frankenstyle in your projects.
Frankenstyle is designed to be straightforward to integrate into any project. There are no build steps, configuration files, or complex setup processes. Simply include the stylesheet and begin using the utilities immediately.
The framework is distributed as a single CSS file. The fastest way to include it is via CDN.
Note If you have installed or started your project using FrankenstyleKit, there’s no need to install Frankenstyle separately, as it is already included in the package.
This approach is perfect for quick projects, prototypes, or when you want to get started without any additional setup.
The core framework works with CSS alone. However, if you want interactive states such as :hover, :focus, or :active, you should include the optional runtime script:
This runtime dynamically generates pseudo-class styles at runtime, keeping the static CSS file small while still supporting interactive patterns.
If you prefer not to use a CDN, you can download the CSS and JavaScript files and reference them directly in your project:
This approach is useful for environments where external dependencies are restricted or when you want full control over the assets.
And, that’s it! With just a single stylesheet and an optional runtime script, Frankenstyle is ready to use in your project. No build tools, no configuration—simply include it and start styling immediately.