Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/axentix/axentix
The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer.
https://github.com/axentix/axentix
axentix css css-grid dependency-free framework frontend grid javascript js ui
Last synced: 3 months ago
JSON representation
The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer.
- Host: GitHub
- URL: https://github.com/axentix/axentix
- Owner: axentix
- License: mit
- Created: 2019-10-08T08:40:38.000Z (about 5 years ago)
- Default Branch: v2
- Last Pushed: 2023-08-25T13:49:34.000Z (about 1 year ago)
- Last Synced: 2024-03-28T00:23:11.025Z (8 months ago)
- Topics: axentix, css, css-grid, dependency-free, framework, frontend, grid, javascript, js, ui
- Language: TypeScript
- Homepage: https://useaxentix.com
- Size: 2.15 MB
- Stars: 195
- Watchers: 6
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-repositories - axentix/axentix - The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer. (TypeScript)
README
Axentix - Front-end framework
Axentix is a framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.
## 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](https://github.com/axentix), 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](https://www.jsdelivr.com/package/npm/axentix).
### Github Release
You can download the latest release from [Github](https://github.com/axentix/axentix/releases/latest).
### 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/](https://useaxentix.com/docs/?ref=github).
## Changelog
Changelog is accessible in the [CHANGELOG.md](CHANGELOG.md) file or in [the release section](https://github.com/axentix/axentix/releases).
## Sponsors
Support this project on [BuyMeACoffee](https://www.buymeacoffee.com/axentix) to become a sponsor and get **your logo on the docs** with a link to your website.
## Backers
Support this project on [BuyMeACoffee](https://www.buymeacoffee.com/axentix) to become a backer and get **your github profile here**.
[
](https://github.com/Xelzs)
[
](https://github.com/Stallos11)
[
](https://axenthost.com)
## Creators
- Axel SIMONET - (Xelzs)
[Github](https://github.com/Xelzs)
[Linkedin](https://www.linkedin.com/in/axel-simonet/)
[Website](https://axelsimonet.fr/)
- Vincent LEVEQUE - (Stallos11)
[Github](https://github.com/Stallos11)
[Linkedin](https://www.linkedin.com/in/leveque-vincent/)
___
Axentix Framework - Made with ❤️ by Axel SIMONET & Vincent LEVEQUE