Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/asmcss/assembler
A modern UI framework
https://github.com/asmcss/assembler
css-framework design-system jit just-in-time ui utility-first
Last synced: about 1 month ago
JSON representation
A modern UI framework
- Host: GitHub
- URL: https://github.com/asmcss/assembler
- Owner: asmcss
- License: apache-2.0
- Created: 2021-01-12T07:31:41.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-04-15T13:53:41.000Z (over 2 years ago)
- Last Synced: 2024-07-15T12:52:53.667Z (2 months ago)
- Topics: css-framework, design-system, jit, just-in-time, ui, utility-first
- Language: TypeScript
- Homepage: https://asmcss.com
- Size: 876 KB
- Stars: 215
- Watchers: 2
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Assembler CSS
Just-in-time CSS, unlimited possibilities
Assembler CSS is a highly performant utility-first framework that allows you to quickly prototype and build modern
websites and UI components without the need to install and maintain complex software.
## Usage
Incorporating Assembler CSS within your project is a trivial task.
Just add a `script` tag before the `head` closing tag, and you are good to go!
```html
```
Now you are ready to try out Assembler CSS and write your first UI component.
```html
Fresh veggies
600g
Any veggie can belong on your menu, so choose what you love and use the rest
for future meals and snacks you can enjoy in flavorful ways.
```
## Documentation
The full documentation for Assembler CSS can be found [here][documentation].
## Installation
You could also install Assembler CSS as an npm package by issuing the following command:
```shell
npm install @asmcss/assembler
```
Or, if you are a Yarn user
```shell
yarn add @asmcss/assembler
```
## License
Assembler CSS is licensed under the permissive [Apache License, Version 2.0][apache_license].
## Browser support
Assembler CSS is designed to run on the latest stable versions of all the major browsers:
Chrome, Edge, Firefox, and Safari. We do not support any version of IE.
We have conducted intensive manual testing on the following operating systems and browsers:
- Ubuntu Linux 20.04: Chrome and Firefox
- Windows 10: Edge, Chrome, and Firefox
- MacOS Big Sur: Safari, Chrome, Edge, and Firefox
- Android (tablet and mobile): Chrome
- iOS 14 (tablet and mobile): Safari and Chrome
## Road to v1.0.0
- [x] Basic functionalities
- [x] Add support for states
- [x] Add support for scopes
- [x] Add support for mixins
- [x] Add support for custom selector attribute
- [x] Add support for custom elements
- [ ] Add automated tests, so we can make sure we don’t mess up things in future releases
- [ ] Cleanup & prepare stable releases
[apache_license]: https://www.apache.org/licenses/LICENSE-2.0 "Apache License"
[documentation]: https://asmcss.com/docs/1.x/ "Assembler CSS documentation"