Create Futuristic Web UIs with Alfuix.
The Ultimate CSS Toolkit to Design Futuristic Interfaces Faster with Alfuix's Native, Reusable Components and Creative CSS Clipping Shapes for Modern UI Development.
No depth CSS knowledge required!
npm i alfuix
Utility-First
Fundamentals
Build modern layouts using simple utilities & creative clipping shapes that bring designs to life.
Hover, Focus & Other States
Add motion & depth with hover, focus, & interactive effects for engaging designs.
Reusing
Styles
Reuse clipped shapes and styles across pages to speed up your workflow.
Customizing the Framework
Make Alfuix your own — change colors, shapes, & components to match your brand.
Get Started Any Way You Want
Jump right into building with Alfuix — use the CDN, install it via your favorite package manager, or download the full source code to explore every shape and component.
Read installation docsInstall via Package Manager
Install Alfuix source files using your preferred package manager — npm or yarn. Package-managed installs include only the core CSS and SCSS files without documentation or build tools. You can also explore ready-to-use demos from the Alfuix Examples repository to quickly start your next project.
npm install alfuix
yarn add alfuix
Read our installation docs for more info and additional setup options.
Include via CDN
When you only need to include Alfuix's compiled CSS, you can use jsDelivr or unpkg. See it in action with our quick start example, or browse the Alfuix Examples to jumpstart your next project.
Ship Faster and Smaller
Alfuix helps you build faster and lighter websites with optimized, shape-driven utilities.
No JavaScript Required
Alfuix is built entirely with CSS and SCSS, so it works seamlessly in any JavaScript environment. No setup, dependencies, or scripts — just drop it in and start building.
