Home Documentation
Getting started General
Components
Forms
Utilities
Plugins Sass   Join us
Axentix logoxentix

Front-end framework based on CSS Grid.

We provide easily customizable components thanks to the multiple utility-first classes.

Star
Get Started
Latest version: 2.4.0
axentix banner

Why you should use it

100% Responsive
Easy layout control
Components + utility classes
And much more...
Example background image
Tips

Customizable css card

Do you like Axentix ?

We like you too... 😄

Content 1
Content 2
Example background image2
Another design...

With Axentix you can do whatever you want !

#mountains
#ice
#snow

20+

Components

130+

Colors
welcome
to
axentix
Login
Sponsor n°1 Sponsor n°2 Sponsor n°3 ...

Easy grid system : The Grix

        
          <div class="grix xs5 gutter-xs3">
            <div class="row-xs2">
              1
            </div>
            <div class="pos-row-xs2 pos-xs2">
              2
            </div>
            <div class="col-xs3">
              3
            </div>
            <div>
              4
            </div>
            <div>
              5
            </div>
            <div class="pos-xs5">
              6
            </div>
          </div>
        
      

CSS Grid is awesome and allows to create any wanted layout.
We made it even more accessible for anyone, creating the most easy to use grid called Grix.

Add the grix class, you get a grid.
Add the breakpoint and the amount of column wanted, like xs5, you get 5 columns on xs and larger devices.

1
2
3
4
5
6

vscode-icon VSCode extension

We provide a VSCode snippets extension to make you able to code faster !

@vincentdm31 has contributed to develop this extension. Try it out

vscode-icon

A color palette with more than 130 colors

Our color palette provides a large choice of colors, which makes you able personalize your website as you want.
Using them as background colors automatically generates a text color to respect the accessibility the most possible.

Person
Hello
I'm John DOE Web Developer

Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero in molestias, dignissimos praesentium esse laudantium iure autem! Quaerat quae itaque iste beatae quo, in unde eligendi expedita neque similique ex!

Pick a color

Insane song app
song-image Song name Ft prestige music
2:12 3:08

Neumorphism extension

We created the first framework based on neumorphism design.
This is an extension of Axentix which allows you to use neumorphic shadows anywhere.

Two basic themes are provided, dark and light.
You can generate any theme color using our builder .
Here is an example of what type of design you can create using Neu-Axentix.

Get started