{"id":13810437,"url":"https://github.com/SikandarJODD/svelte-animations","last_synced_at":"2025-05-14T10:33:35.239Z","repository":{"id":244744658,"uuid":"816054645","full_name":"SikandarJODD/svelte-animations","owner":"SikandarJODD","description":"Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS \u0026 Framer Motion","archived":false,"fork":false,"pushed_at":"2025-03-16T08:57:15.000Z","size":8518,"stargazers_count":901,"open_issues_count":11,"forks_count":42,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-05-08T22:17:36.824Z","etag":null,"topics":["aceternity-ui","components","framer-motion","free-components","magicui","svelte","tailwindcss"],"latest_commit_sha":null,"homepage":"https://animation-svelte.vercel.app","language":"Svelte","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/SikandarJODD.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":["SikandarJODD"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2024-06-16T23:48:24.000Z","updated_at":"2025-05-08T19:06:16.000Z","dependencies_parsed_at":"2025-01-11T03:03:22.099Z","dependency_job_id":"6777dd8e-9d31-4351-8f37-c979620ab477","html_url":"https://github.com/SikandarJODD/svelte-animations","commit_stats":{"total_commits":106,"total_committers":4,"mean_commits":26.5,"dds":0.05660377358490565,"last_synced_commit":"ba7e436b186d7b004e4633bad48655c37e034a51"},"previous_names":["sikandarjodd/svelte-animations"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SikandarJODD%2Fsvelte-animations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SikandarJODD%2Fsvelte-animations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SikandarJODD%2Fsvelte-animations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SikandarJODD%2Fsvelte-animations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SikandarJODD","download_url":"https://codeload.github.com/SikandarJODD/svelte-animations/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254121151,"owners_count":22018114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["aceternity-ui","components","framer-motion","free-components","magicui","svelte","tailwindcss"],"created_at":"2024-08-04T02:00:53.712Z","updated_at":"2025-05-14T10:33:30.219Z","avatar_url":"https://github.com/SikandarJODD.png","language":"Svelte","funding_links":["https://github.com/sponsors/SikandarJODD"],"categories":["Svelte"],"sub_categories":[],"readme":"# Svelte Components\n\nBuild using Tailwind CSS and [**Svelte motion**](https://svelte-motion.gradientdescent.de).\n\n- Components build using Tailwind CSS works in Svelte 5 too.\n- Right now i am trying to convert each component to Svelte 5 using [**Motion-Start**](https://github.com/JonathonRP/motion-start)\n\n### Svelte 5 Support Components Count\n\n| UI Libs       | Count          | description                                                                 |\n| ------------- | -------------- | --------------------------------------------------------------------------- |\n| Aceternity UI | 13             | build using svelte and tailwind css - you can easily migrate it to svelte 5 |\n| Indie UI      | All components | build using svelte and tailwind css - you can easily migrate it to svelte 5 |\n| Luxe UI       | 20             | build using svelte and tailwind css - you can easily migrate it to svelte 5 |\n| Magic UI      | 20+            | build using svelte and tailwind css - you can easily migrate it to svelte 5 |\n\n- I will be converting the rest of the component to Svelte 5, so you can use it in your project in the coming days...\n- I will be using Motion-Start Lib whcih is same as Svelte Motion but it works in Svelte 5 too.\n\n---\n\n### New Templates\n\n#### [Minimalist Developer Portfolio](https://portfolio-sve.vercel.app)\n\n- GitHub : [Repo](https://github.com/SikandarJODD/portfolio-template)\n  ![Preview](/static/portfolio_svelte.png)\n\n#### [Start-up Landing Page](https://startup-sve.vercel.app)\n\n- GitHub : [Repo](https://github.com/SikandarJODD/startup-template)\n  ![Preview](/static//startup_sve.png)\n\n## New Aceternity UI Components\n\n| Name                          | Preview                                                                                 | Section       |\n| ----------------------------- | --------------------------------------------------------------------------------------- | ------------- |\n| Animated Testimonial          | [Visit](https://animation-svelte.vercel.app/a/components/animated-testimonials)         | Aceternity UI |\n| Spotlight                     | [Visit](https://animation-svelte.vercel.app/a/components/spotlight)                     | Aceternity UI |\n| Placeholders and vanish Input | [Visit](https://animation-svelte.vercel.app/a/components/placeholders-and-vanish-input) | Aceternity UI |\n\n### New Components\n\n| Name           | Preview                                                         | Section  |\n| -------------- | --------------------------------------------------------------- | -------- |\n| Particles      | [Visit](https://animation-svelte.vercel.app/magic/particles)    | Magic UI |\n| Cool Mode      | [Visit](https://animation-svelte.vercel.app/magic/cool-mode)    | Magic UI |\n| Shine Border   | [Visit](https://animation-svelte.vercel.app/magic/shine-border) | Magic UI |\n| Magic Card     | [Visit](https://animation-svelte.vercel.app/magic/magic-card)   | Magic UI |\n| Encrypt Button | [Visit](https://animation-svelte.vercel.app/magic/examples/11)  | Magic UI |\n\n### Svelte Animations Examples\n\n| Effects        | Description                                             |\n| -------------- | ------------------------------------------------------- |\n| Link Hover     | It's show small Image after hovering `a` tag            |\n| Modul Div.     | Crossfade Animation on Div, Inspired from modul.so      |\n| Spring Div     | Simple Usage of Spring on Extending div height \u0026 width  |\n| Dynamic Island | Effect inspired from Emil Kowalski : Time, Ring, Silent |\n| Reveal Link    | Reveal Link on Hover, Inspired from hover.dev           |\n\n### Feedback\n\nIf you have any feedback, please reach out at [Twitter](https://twitter.com/Sikandar_Bhide)\n\n### Credits\n\n- [Magic UI](https://www.magicui.design/)\n- [Aceternity UI](https://ui.aceternity.com)\n- [Luxe UI](https://www.luxeui.com)\n- [Indie UI](https://ui.indie-starter.dev)\n- [Hover.dev](https://hover.dev)\n\nComponents are inspired from the above mentioned websites.\nThankyou everyone for building such amazing components.\n\n### Support\n\n- If you Like my work, you can sponsor me on [GitHub](https://github.com/sponsors/SikandarJODD)\n- Share this project with your friends on [Twitter](https://twitter.com/intent/tweet?url=https://animation-svelte.vercel.app%0A\u0026text=Svelte%20Animation%20Components%20Built%20using%20Svelte%20Motion%20and%20Tailwind%20CSS%0A\u0026via=Sikandar_Bhide\u0026hashtags=sveltejs,tailwindcss,webdev,frontend)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSikandarJODD%2Fsvelte-animations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSikandarJODD%2Fsvelte-animations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSikandarJODD%2Fsvelte-animations/lists"}