Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
dev
 
 
img
 
 
js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

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

Licensing

MIT © 2016 Andrea Marchetti