/alux

A Light HTML/CSS/JS Framework for fast Responsive Web Projects http://afmarchetti.github.io/alux/

Primary LanguageHTML

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