https://github.com/thecomputerm/mystic-ui
https://github.com/thecomputerm/mystic-ui
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/thecomputerm/mystic-ui
- Owner: TheComputerM
- Created: 2024-10-07T02:25:06.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T09:27:41.000Z (8 months ago)
- Last Synced: 2024-10-24T09:29:48.626Z (8 months ago)
- Language: TypeScript
- Homepage: https://mystic-ui.vercel.app
- Size: 3.39 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mystic UI
Components that fill the gap of *cool and beautiful components* in the **SolidJS** ecosystem. Crafted with care using **TailwindCSS**, **PandaCSS** and **Motion One**.
## Features
- **Compatible with both Tailwind and Panda** - Use with the css framework of your choice!
- **Copy+Paste Components** - As simple as it sounds.
- **CLI Support** - Add Mystic components to your projects even faster.
- **TypeScript** - Get all the intellisense you want.
## Why?
I think by now we all know how important a good UI is for websites and applications. It's the first thing users see and it's the first thing they interact with, so it's important to get it right.
Inspite of that, I would rather focus on buiding the *heart* of the software, I guess that's why component libraries such as [shadcn/ui](https://ui.shadcn.com/) and [Park UI](https://park-ui.com/) are so popular, they allow developers to focus on the core of their software while resting assured in the fact that users will have a good first impression.
That's why I made **Mystic UI**, because currently there is no collection of *cool and beautiful components* for the SolidJS ecosystem, and I think it's important to have one.
## Acknowledgements
This project is standing on the shoulders of giants such as:
- [Magic UI](https://magicui.design/) - primary inspiration for the project and components
- [Aceternity UI](https://ui.aceternity.com/) - components
- [Eldora UI](https://eldoraui.site) - components
- [UI Layout](https://ui-layout.com) - components
- [SolidJS](https://solidjs.com/) and [Solid Start](https://start.solidjs.com/) - *obviously*
## PRs Welcome
If you want to see a component here, open an issue or create a PR. Sometimes it gets tough with just a single guy maintaining a huge project, so any help is appreciated.
Created by the [scc](https://github.com/boyter/scc) code counter:
```
───────────────────────────────────────────────────────────────────────────────
Language Files Lines Blanks Comments Code Complexity
───────────────────────────────────────────────────────────────────────────────
TypeScript 254 10187 890 194 9103 204
JSON 89 773 28 0 745 0
Markdown 8 110 41 0 69 0
gitignore 8 970 385 218 367 0
CSS 5 9 0 0 9 0
TypeScript Typings 5 5 0 5 0 0
JavaScript 4 51 5 2 44 0
SVG 4 4 0 0 4 0
HTML 2 26 0 0 26 0
───────────────────────────────────────────────────────────────────────────────
Total 379 12135 1349 419 10367 204
───────────────────────────────────────────────────────────────────────────────
Estimated Cost to Develop (organic) $314,797
Estimated Schedule Effort (organic) 8.86 months
Estimated People Required (organic) 3.15
───────────────────────────────────────────────────────────────────────────────
Processed 497107 bytes, 0.497 megabytes (SI)
───────────────────────────────────────────────────────────────────────────────
```