https://github.com/deckchairlabs/11ty-theme-ui
Experiment integrating ThemeUI with 11ty
https://github.com/deckchairlabs/11ty-theme-ui
Last synced: about 2 months ago
JSON representation
Experiment integrating ThemeUI with 11ty
- Host: GitHub
- URL: https://github.com/deckchairlabs/11ty-theme-ui
- Owner: deckchairlabs
- Created: 2020-07-08T10:23:00.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-09T23:00:59.000Z (over 2 years ago)
- Last Synced: 2025-02-13T07:47:14.683Z (3 months ago)
- Language: JavaScript
- Homepage: https://11ty-theme-ui.netlify.app/
- Size: 1.75 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 11ty-theme-ui (experimental)
Experiment integrating [ThemeUI](https://theme-ui.com/) with [11ty](https://www.11ty.dev/). This is very much a WIP, would love to have feature parity with ThemeUI eventually.
## TODO
- [Color modes](https://theme-ui.com/color-modes)
- Regular Markdown support, would work same way as [MDX](https://theme-ui.com/styling-mdx)
- Custom properties?
- Update to match new upcoming ThemeUI API changes
## Features
- Awesome DX of CSS-in-JS, but without the JavaScript runtime
- Automatic and pain free "critical" CSS
- CSS is minified and optimised via cssnano for smallest payload size possible
[SX](https://theme-ui.com/sx-prop) HTML attribute
```html
Column
Column
---
Column
Column
```
[Variants](https://theme-ui.com/guides/variants) as regular HTML attributes
```html
Button
---
Button
```
[Components](https://theme-ui.com/components) as shortcodes
```njk
{% button variant="primary" %}
Button
{% endbutton %}
---
Button
```