ALUX 3.0 framework

The Fast HTML5 Framework for Awesome Light User Experience by MarchettiDesign.net

What's new in v3.0?

The Slider! (based on Glide.js) with:

Autoplay
Dotted Navigation
Loop
Carousel
Drag Speed
and more..

What's new in v2.5?

Double Menu
Footer Menu Mobile
White Menu
New Type Sizes and Spaces
Same Size 25K!

What's new in v2.1?

Cover Component
Card / Tile Component
Nested Grid Support
New Demo Template
Same Size 25K!

Features Added in v2.0

Flexbox Auto Grid System
New Slider with Touch Support
Utilities for spacing Margin & Padding
Improve Google Page Speed from 87/100 to 89/100

ALUX is a Lightweight Framework (25K) for Creating Super-Fast and Beautifully Responsive Web Apps.

Presentation, Examples & Docs: http://afmarchetti.github.io/alux/

The Framework is built with HTML/CSS and pure Javascript. Dependencies Free, no jQuery but with a wide range of features: Grids, Sliders, Menus, Animations, Typography, Forms, Buttons & more.

Easy, Light, Fast, Flexible.

Examples

One Page Landing – This is Alux most basic implementation
Home with Slider – Using the Slider Based on Glide library

Benefits

Simple
Transitions/Animations are all in CSS
Minimal JavaScript
Flexible & Scalable
40KB minified
Dependency free

Usage

Once you have downloaded ALUX, the first thing you need to do is include the CSS and the JavaScript.

CSS

<head>
  <link rel="stylesheet" href="path/to/alux.min.css">
</head>

JavaScript

<script src="path/to/alux.min.js"></script>

Svg

add arrow.svg in the project folder. (used in menu & slider)

Docs

For all the Details & the Docs please visit:http://afmarchetti.github.io/alux/

Credits

For the Slider ALUX use Siema by Pawel Grzybek: (https://pawelgrzybek.com/siema/)
The Grid System is an evolution of a Chris Coyer Article: (http://css-tricks.com/dont-overthink-it-grids/)

afmarchetti/alux