{"id":13647963,"url":"https://github.com/axentix/axentix","last_synced_at":"2025-04-06T02:08:30.388Z","repository":{"id":37549825,"uuid":"213591248","full_name":"axentix/axentix","owner":"axentix","description":"The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer. ","archived":false,"fork":false,"pushed_at":"2023-08-25T13:49:34.000Z","size":2258,"stargazers_count":195,"open_issues_count":0,"forks_count":21,"subscribers_count":6,"default_branch":"v2","last_synced_at":"2024-03-28T00:23:11.025Z","etag":null,"topics":["axentix","css","css-grid","dependency-free","framework","frontend","grid","javascript","js","ui"],"latest_commit_sha":null,"homepage":"https://useaxentix.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/axentix.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"custom":"https://www.buymeacoffee.com/axentix"}},"created_at":"2019-10-08T08:40:38.000Z","updated_at":"2023-12-21T20:54:40.000Z","dependencies_parsed_at":"2024-01-14T10:17:20.692Z","dependency_job_id":"665083e5-256b-4657-bab5-cf07032af2a1","html_url":"https://github.com/axentix/axentix","commit_stats":{"total_commits":689,"total_committers":6,"mean_commits":"114.83333333333333","dds":0.5892597968069666,"last_synced_commit":"cacced478ee3511b3c3110dd6f512d8591a62afe"},"previous_names":[],"tags_count":42,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axentix%2Faxentix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axentix%2Faxentix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axentix%2Faxentix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axentix%2Faxentix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/axentix","download_url":"https://codeload.github.com/axentix/axentix/tar.gz/refs/heads/v2","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247423514,"owners_count":20936626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axentix","css","css-grid","dependency-free","framework","frontend","grid","javascript","js","ui"],"created_at":"2024-08-02T01:03:51.940Z","updated_at":"2025-04-06T02:08:30.367Z","avatar_url":"https://github.com/axentix.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://useaxentix.com/\"\u003e\n    \u003cimg src=\"https://useaxentix.com/img/axentix.svg?\" alt=\"Axentix Logo\" width=\"120\" height=\"120\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eAxentix - Front-end framework\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://useaxentix.com/?ref=github\"\u003e\u003cstrong\u003eHome\u003c/strong\u003e\u003c/a\u003e |\n  \u003ca href=\"https://useaxentix.com/docs/?ref=github\"\u003e\u003cstrong\u003eDocumentation\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/axentix/axentix/releases\"\u003e\n    \u003cimg alt=\"GitHub release (latest by date)\" src=\"https://img.shields.io/github/v/release/axentix/axentix\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.jsdelivr.com/package/npm/axentix\"\u003e\n    \u003cimg alt=\"jsDelivr hits (npm)\" src=\"https://img.shields.io/jsdelivr/npm/hy/axentix\"\u003e\u003c/img\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/axentix/axentix/actions/workflows/tests.yml\"\u003e\n    \u003cimg alt=\"test workflow\" src=\"https://github.com/axentix/axentix/actions/workflows/tests.yml/badge.svg\"\u003e\u003c/img\u003e\n  \u003c/a\u003e\n  \u003cimg alt=\"npm bundle size (version)\" src=\"https://img.shields.io/bundlephobia/minzip/axentix/next\"\u003e\n  \u003ca href=\"https://snyk.io/test/github/axentix/axentix?targetFile=package.json\"\u003e\n    \u003cimg src=\"https://snyk.io/test/github/axentix/axentix/badge.svg?targetFile=package.json\" alt=\"Known Vulnerabilities\" /\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"https://img.shields.io/github/license/axentix/axentix\" alt=\"License\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://discord.gg/8tgRDED\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/chat-on%20discord-%09%233442d9\" alt=\"Discord\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nAxentix is a framework mixing fully customizable components \u0026 utility-first classes, leaving the design choice to the developer. \n\n![top image](./top.png)\n\n## Why Axentix\n\n- **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.\n\n- **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.\n\n- **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 \u0026 utility-first classes\n\n- **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.\n\n- **Themeable** : The integrated Theme Switcher handles natively dark mode and custom user theme. \n\n- **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.\n\n- **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.\n\n- **Zero dependencies** : No dependencies means freedom.\n\n## Quickstart\n\n### NPM\n```\nnpm install axentix\n```\n\n### Yarn\n```\nyarn add axentix\n```\n\n### CDN\n\nInclude the files with [jsDelivr](https://www.jsdelivr.com/package/npm/axentix).\n\n### Github Release  \nYou can download the latest release from [Github](https://github.com/axentix/axentix/releases/latest).\n\n### Clone the repo\n```\ngit clone https://github.com/axentix/axentix.git\ncd axentix\nnpm ci\n```\n\nAfter installation you have access to our source files.  \nYou can build the project with `npm run build` or launch development server with `npm run dev`.\n\n## Documentation\n\nFind the documentation at [https://useaxentix.com/docs/](https://useaxentix.com/docs/?ref=github).\n\n## Changelog\n\nChangelog is accessible in the [CHANGELOG.md](CHANGELOG.md) file or in [the release section](https://github.com/axentix/axentix/releases).\n\n## Sponsors\n\nSupport 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.\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.buymeacoffee.com/axentix\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Become a sponsor\" height=\"50\" width=\"180\"\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n## Backers\n\nSupport this project on [BuyMeACoffee](https://www.buymeacoffee.com/axentix) to become a backer and get **your github profile here**.\n\n[\u003cimg src=\"https://avatars.githubusercontent.com/u/32241342?v=4\" width=\"40\" style=\"border-radius:50%\"/\u003e](https://github.com/Xelzs)\n[\u003cimg src=\"https://avatars.githubusercontent.com/u/49057921?v=4\" width=\"40\" style=\"border-radius:50%\"/\u003e](https://github.com/Stallos11)\n\n## Creators\n\n- Axel SIMONET - (Xelzs)  \n  [Github](https://github.com/Xelzs)  \n  [Linkedin](https://www.linkedin.com/in/axel-simonet/)  \n  [Website](https://axelsimonet.fr/)\n- Vincent LEVEQUE - (Stallos11)  \n  [Github](https://github.com/Stallos11)  \n  [Linkedin](https://www.linkedin.com/in/leveque-vincent/)  \n  [AxentHost](https://axenthost.com/)\n\n\u003cbr\u003e\n\n___\n\n\u003cp align=\"center\"\u003e\nAxentix Framework - Made with ❤️ by Axel SIMONET \u0026 Vincent LEVEQUE\n\u003c/p\u003e","funding_links":["https://www.buymeacoffee.com/axentix"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxentix%2Faxentix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faxentix%2Faxentix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxentix%2Faxentix/lists"}