https://github.com/mrmartineau/stitches-ui
A minimal implementation of Theme UI using Stitches
https://github.com/mrmartineau/stitches-ui
reactjs stitches theme-ui
Last synced: 3 months ago
JSON representation
A minimal implementation of Theme UI using Stitches
- Host: GitHub
- URL: https://github.com/mrmartineau/stitches-ui
- Owner: mrmartineau
- Created: 2021-04-30T06:16:48.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-21T05:52:01.000Z (almost 4 years ago)
- Last Synced: 2025-03-18T16:52:30.991Z (3 months ago)
- Topics: reactjs, stitches, theme-ui
- Language: TypeScript
- Homepage: https://stitches-ui.vercel.app
- Size: 233 KB
- Stars: 25
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Stitches UI
## A minimal implementation of [Theme UI](https://theme-ui.com) using [Stitches](https://stitches.dev)
As a long-time fan of [Theme UI](https://theme-ui.com) I wanted to see how I might replicate the same functionality using [Stitches](https://stitches.dev). I found that I not only could replicate the functionality, but also create a more robust design-system whilst having the flexibility of Theme UI's `sx` prop, but with Stitches' `css` prop.
This experiment includes enough of Theme UI's components and functionality to enable me to properly evaluate Stitches.
ℹ️ The styles do not match Theme UI's default styles
## Important/example files
- [stitches.config.ts](./src/theme/stitches.config.ts)
- [`` component](./src/components/Box/Box.tsx)
- [`` component](./src/components/Flex/Flex.tsx)
- [`` component](./src/components/Heading/Heading.tsx)
## Demo
[stitches-ui.vercel.app](https://stitches-ui.vercel.app)
---
## License
[MIT](https://choosealicense.com/licenses/mit/) © [Zander Martineau](https://zander.wtf)
> Made by Zander • [zander.wtf](https://zander.wtf) • [GitHub](https://github.com/mrmartineau/) • [Twitter](https://twitter.com/mrmartineau/)