{"id":21445943,"url":"https://github.com/thecomputerm/mystic-ui","last_synced_at":"2026-01-27T09:18:08.304Z","repository":{"id":257864484,"uuid":"868693052","full_name":"TheComputerM/mystic-ui","owner":"TheComputerM","description":"Cool and beautiful animated components for SolidJS, crafted with Tailwind / PandaCSS and Motion One.","archived":false,"fork":false,"pushed_at":"2024-12-24T15:43:29.000Z","size":2838,"stargazers_count":45,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-14T22:43:25.335Z","etag":null,"topics":["animated-components","pandacss","solidjs","tailwindcss","ui-components"],"latest_commit_sha":null,"homepage":"https://mystic-ui.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheComputerM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-07T02:25:06.000Z","updated_at":"2025-07-01T10:40:44.000Z","dependencies_parsed_at":"2024-10-26T03:07:45.735Z","dependency_job_id":null,"html_url":"https://github.com/TheComputerM/mystic-ui","commit_stats":null,"previous_names":["thecomputerm/mystic-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TheComputerM/mystic-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fmystic-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fmystic-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fmystic-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fmystic-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheComputerM","download_url":"https://codeload.github.com/TheComputerM/mystic-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fmystic-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28810475,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T07:41:26.337Z","status":"ssl_error","status_checked_at":"2026-01-27T07:41:08.776Z","response_time":168,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animated-components","pandacss","solidjs","tailwindcss","ui-components"],"created_at":"2024-11-23T02:40:02.705Z","updated_at":"2026-01-27T09:18:08.284Z","avatar_url":"https://github.com/TheComputerM.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mystic UI\n\nComponents that fill the gap of *cool and beautiful components* in the **SolidJS** ecosystem. Crafted with care using **TailwindCSS**, **PandaCSS** and **Motion One**.\n\n## Features\n\n- **Compatible with both Tailwind and Panda** - Use with the css framework of your choice!\n- **Copy+Paste Components** - As simple as it sounds.\n- **CLI Support** - Add Mystic components to your projects even faster.\n- **TypeScript** - Get all the intellisense you want.\n\n## Why?\n\nI 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.\n\nInspite 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.\n\nThat'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.\n\n## Acknowledgements\n\nThis project is standing on the shoulders of giants such as:\n\n\n- [Magic UI](https://magicui.design/) - primary inspiration for the project and components\n- [Aceternity UI](https://ui.aceternity.com/) - components\n- [Eldora UI](https://eldoraui.site) - components\n- [UI Layout](https://ui-layout.com) - components\n- [SolidJS](https://solidjs.com/) and [Solid Start](https://start.solidjs.com/) - *obviously*\n\n## PRs Welcome\n\nIf 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.\n\n\nCreated by the [scc](https://github.com/boyter/scc) code counter:\n\n```\n───────────────────────────────────────────────────────────────────────────────\nLanguage                 Files     Lines   Blanks  Comments     Code Complexity\n───────────────────────────────────────────────────────────────────────────────\nTypeScript                 254     10187      890       194     9103        204\nJSON                        89       773       28         0      745          0\nMarkdown                     8       110       41         0       69          0\ngitignore                    8       970      385       218      367          0\nCSS                          5         9        0         0        9          0\nTypeScript Typings           5         5        0         5        0          0\nJavaScript                   4        51        5         2       44          0\nSVG                          4         4        0         0        4          0\nHTML                         2        26        0         0       26          0\n───────────────────────────────────────────────────────────────────────────────\nTotal                      379     12135     1349       419    10367        204\n───────────────────────────────────────────────────────────────────────────────\nEstimated Cost to Develop (organic) $314,797\nEstimated Schedule Effort (organic) 8.86 months\nEstimated People Required (organic) 3.15\n───────────────────────────────────────────────────────────────────────────────\nProcessed 497107 bytes, 0.497 megabytes (SI)\n───────────────────────────────────────────────────────────────────────────────\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecomputerm%2Fmystic-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthecomputerm%2Fmystic-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecomputerm%2Fmystic-ui/lists"}