https://github.com/jc21/mantine-v7-design-templates
https://github.com/jc21/mantine-v7-design-templates
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jc21/mantine-v7-design-templates
- Owner: jc21
- License: mit
- Created: 2023-11-08T00:28:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-23T13:25:35.000Z (6 months ago)
- Last Synced: 2025-03-26T01:01:50.405Z (2 months ago)
- Language: TypeScript
- Size: 294 KB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mantine v7 Templates
## Why?
I created this project as a way to learn the componentry of Mantine and to
challenge myself a bit. I found that more complete examples of Mantine on
CodeSandbox were written with v5 or worse, with styling and props that were
deprecated.
[Mantine UI](https://ui.mantine.dev/) is a great repository of templates and
many of them exist here too and are labelled as such.
## Contributing
### Adding a new Template
1. Fork this repo
2. Add your `.tsx` and `.module.css` files within the `examples` folder
3. Find an existing section in the `pages` folder, open the `index.tsx` for it
4. Add your template to the `items` array within that file
5. Test your work locally: `yarn start` and go to http://127.0.0.1:5173
6. Check your code with `yarn lint`
7. Create a pull request