axentix
TypeScript icon, indicating that this package has built-in type declarations

2.4.0 • Public • Published

Axentix Logo

Axentix - Front-end framework

Home | Documentation


GitHub release (latest by date) jsDelivr hits (npm) test workflow npm bundle size (version) Known Vulnerabilities License

Discord Rate this package

Axentix is a framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.

top image

Why Axentix

  • Easy to custom : Add your own color to the palette and its 9 variants will be generated. Every component comes with CSS Variables making you able to custom each of them.

  • Fast to learn, read and write : You won't be lost between frameworks, Axentix's class names are easy to read, write and learn. If you already used Bootstrap or TailwindCSS, you already know a plenty of them.

  • Design choice to the developer : The framework is focused on the developer experience and lets them choose their design by implementing easy to custom components & utility-first classes

  • Easiest grid system : Axentix is the first framework using the css grid feature to create its grid system, making it the most advanced as easy to use grid system.

  • Themeable : The integrated Theme Switcher handles natively dark mode and custom user theme.

  • Google accessibility-friendly color palette : The integrated color palette of 130+ colors automatically generates lighten and darken variants. Setting them on any element will choose the best text-color depending on the google requirements.

  • Growing ecosystem : Axentix comes with its friends, Neu-Axentix implementing neumorphism design, a VSCode extension and its code snippets, Vue-Axentix and its VueJS components and more are incoming.

  • Zero dependencies : No dependencies means freedom.

Quickstart

NPM

npm install axentix

Yarn

yarn add axentix

CDN

Include the files with jsDelivr.

Github Release

You can download the latest release from Github.

Clone the repo

git clone https://github.com/axentix/axentix.git
cd axentix
npm ci

After installation you have access to our source files.
You can build the project with npm run build or launch development server with npm run dev.

Documentation

Find the documentation at https://useaxentix.com/docs/.

Changelog

Changelog is accessible in the CHANGELOG.md file or in the release section.

Sponsors

Support this project on BuyMeACoffee to become a sponsor and get your logo on the docs with a link to your website.

Become a sponsor

Backers

Support this project on BuyMeACoffee to become a backer and get your github profile here.

Creators



Axentix Framework - Made with ❤️ by Axel SIMONET & Vincent LEVEQUE

Package Sidebar

Install

npm i axentix

Weekly Downloads

57

Version

2.4.0

License

MIT

Unpacked Size

907 kB

Total Files

255

Last publish

Collaborators

  • axentix