Installation
Alfuix can be included in your project in several ways — via npm, CDN, or compiled source download. Since Alfuix does not assume a default text direction, you must explicitly define dir="ltr" or dir="rtl" on the <html> tag. Choose the method that best fits your workflow.
Install via npm / yarn
The easiest way to integrate Alfuix into your workflow is by using npm or yarn. This gives you access to the full source .scss files and ensures version control within your build system.
$
Copy
npm install alfuix
or
$
Copy
yarn add alfuix
If you're also using Bootstrap install them together:
$
Copy
npm install bootstrap alfuix
Once installed, import the files into your main scss entry point.
Include via CDN
For quick prototyping or small projects, use the Alfuix CDN to include the compiled CSS directly into your HTML — no installation required.
jsDelivr
Copy
or
unpkg
Copy
You can also include Bootstrap from their CDNs to ensure full compatibility:
Copy
No JavaScript is required — Alfuix is fully CSS-only and works in any environment.
Download Compiled CSS
Prefer to work manually? Download the compiled CSS and source files from our official repositories.
Download compiled version:
Get the complete source code on
Framework Compatibility
Alfuix is designed to integrate seamlessly with existing Bootstrap 5 setups. It enhances both frameworks by adding:
Responsive sizing utilities
Advanced clipping and border tools
Extended layout and spacing helpers
You can safely use Alfuix alongside your current Bootstrap configuration without conflicts.
License
Alfuix is released under the MIT License. It's free to use, modify, and distribute in both personal and commercial projects.