Svelte Motion

C+ 76 completed
Library
web_app / typescript · medium
567
Files
37,816
LOC
5
Frameworks
9
Languages

Pipeline State

completed
Run ID
#303189
Phase
done
Progress
1%
Started
Finished
2026-04-13 01:31:02
LLM tokens
0

Pipeline Metadata

Stage
Cataloged
Decision
proceed
Novelty
84.00
Framework unique
Isolation
Last stage change
2026-05-10 03:34:51
Deduplication group #49493
Member of a group with 1 similar repo(s) — this repo is canonical view group →
Top concepts (9)
Project DescriptionapiinfrastructureWeb FrontendConfigurationTestingLoggingNotificationsSearch
Citation: Repobility (2026). State of AI-Generated Code. https://repobility.com/research/

AI Prompt

Create a lightweight animation library for Svelte 5, similar to Framer Motion. I need components that allow for smooth, hardware-accelerated animations using a `motion.<tag>` syntax. The library must support features like `initial`, `animate`, `transition`, `variants`, and pseudo-states such as `whileHover`, `whileTap`, and `whileFocus`. Please ensure it also handles layout animations and includes utility hooks for gestures and exit animations. The project should be built using SvelteKit, TypeScript, and styled with Tailwind CSS.
svelte sveltekit typescript animation ui-library motion tailwind web-app
Generated by gemma4:latest

Catalog Information

This project provides a lightweight animation library for Svelte 5 to create smooth, hardware-accelerated animations.

Description

Svelte-motion is a lightweight animation library built on top of the motion library. It offers a simple API for creating complex animations with minimal code. The library features spring physics, custom easing, and fluid transitions, making it perfect for interactive UIs, micro-interactions, and engaging user experiences.

الوصف

هذه المكتبة هي عبارة عن مكتبة تحريك خفيفة مبنية على مكتبة motion، وتقدم واجهة بسيطة لإنشاء حركات معقدة بکود قليل. تضم هذه المكتبة ميزات مثل قوانين الهواء، التخفيف المخصص، والتحول السائل، مما يجعلها مثالية للواجهات المستخدمية المتفاعلة، والمicro-تفاعلات، وخبرات المستخدم الملهمة.

Novelty

7/10

Tags

animation svelte motion-library spring-physics custom-easing fluid-transitions interactive-ui micro-interactions

Technologies

svelte tailwind vite vitest

Claude Models

claude-opus-4.6 claude-opus-4.5

Quality Score

C+
76.2/100
Structure
85
Code Quality
80
Documentation
58
Testing
75
Practices
67
Security
92
Dependencies
80

Strengths

  • CI/CD pipeline configured (github_actions)
  • Good test coverage (49% test-to-source ratio)
  • Code linting configured (eslint)
  • Consistent naming conventions (PascalCase)
  • Low average code complexity \u2014 well-structured code
  • Good security practices \u2014 no major issues detected
  • Properly licensed project

Weaknesses

  • 5459 duplicate lines detected \u2014 consider DRY refactoring
  • 3 'god files' with >500 LOC need decomposition

Security & Health

11.1h
Tech Debt (A)
High
DORA Rating
A
OWASP (100%)
Repobility's GitHub App fixes findings like these · https://github.com/apps/repobility-bot
PASS
Quality Gate
A
Risk (1)
MIT
License
23.6%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
48.0%
svelte
27.7%
yaml
19.8%
javascript
1.6%
json
1.2%
markdown
0.9%
css
0.7%
html
0.1%
text
0.0%

Frameworks

Svelte SvelteKit Vitest Tailwind CSS Vite

Symbols

variable457
function152
type_alias68
constant32
interface1

Concepts (9)

Data scored by Repobility · https://repobility.com
CategoryNameDescriptionConfidence
Repobility · open methodology · https://repobility.com/research/
auto_descriptionProject Description![NPM version](https://www.npmjs.com/package/@humanspeak/svelte-motion) ![Build Status](https://github.com/humanspeak/svelte-motion/actions/workflows/npm-publish.yml) ![Coverage Status](https://coveralls.io/github/humanspeak/svelte-motion?branch=main)80%
arch_layerapiDetected api layer70%
arch_layerinfrastructureDetected infrastructure layer70%
auto_categoryWeb Frontendweb-frontend70%
business_logicConfigurationDetected from 22 related files50%
business_logicTestingDetected from 118 related files50%
business_logicLoggingDetected from 4 related files50%
business_logicNotificationsDetected from 7 related files50%
business_logicSearchDetected from 8 related files50%

Quality Timeline

1 quality score recorded.

View File Metrics
All rows scored by the Repobility analyzer (https://repobility.com)

Embed Badge

Add to your README:

![Quality](https://repos.aljefra.com/badge/27015.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV