Lines of Code by Language

Code, Comments, and Blank Lines Ratio

Language ↕ Files ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
▶ CSS
1 9 0 0 9
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./example/src/global.css 9 0 0 9
▶ HTML
1 37 0 0 37
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./graphify-out/graph.html 37 0 0 37
▶ JavaScript
4 123 20 13 156
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./eslint.config.mjs 72 5 6 83
./babel.config.js 12 0 0 12
./example/babel.config.js 6 0 1 7
./example/metro.config.js 33 15 6 54
▶ JSON
10 20008 0 0 20008
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./package.json 181 0 0 181
./turbo.json 43 0 0 43
./tsconfig.json 30 0 0 30
./tsconfig.build.json 4 0 0 4
./example/package.json 40 0 0 40
./example/tsconfig.json 24 0 0 24
./example/eas.json 23 0 0 23
./example/app.json 54 0 0 54
./graphify-out/graph.json 19022 0 0 19022
./graphify-out/manifest.json 587 0 0 587
▶ Markdown
12 0 794 293 1087
▶ TSX
37 6143 465 606 7214
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./src/CircleLayoutContent.tsx 131 35 7 173
./src/Bg.tsx 162 59 10 231
./src/VisibilityContext.tsx 2 6 1 9
./src/CircleLayoutProvider.tsx 100 17 5 122
./src/CircleLayoutArray.tsx 65 23 8 96
./src/CircleLayoutComponent.tsx 91 27 8 126
./src/index.tsx 20 0 0 20
./src/CircleLayout.tsx 48 17 3 68
./src/__tests__/CircleLayoutArray.test.tsx 206 0 19 225
./src/__tests__/index.test.tsx 35 1 6 42
./src/__tests__/Bg.test.tsx 509 49 74 632
./src/__tests__/hooks/useCombinedAnimation.test.tsx 286 2 23 311
./src/__tests__/CircleLayoutComponent.test.tsx 226 10 25 261
./src/__tests__/CircleLayout.test.tsx 916 4 106 1026
./src/CircleLayoutContext.tsx 14 3 2 19
./example/src/design_system/atoms/Button/Button.tsx 56 0 9 65
./example/src/design_system/atoms/View/View.tsx 4 0 3 7
./example/src/design_system/atoms/CircleBadge/CircleBadge.tsx 65 4 7 76
./example/src/design_system/atoms/Text/Text.tsx 4 0 3 7
./example/src/design_system/molecules/Switch/Switch.tsx 66 0 10 76
./example/src/design_system/molecules/PopUp/PopUp.tsx 35 0 7 42
./example/src/design_system/molecules/SliderWithLabel/SliderWithLabel.tsx 83 2 9 94
./example/src/design_system/molecules/ScreenHeader/ScreenHeader.tsx 18 0 3 21
./example/src/design_system/molecules/Dropdown/Dropdown.tsx 186 0 15 201
./example/src/AnimatedComponents.tsx 14 4 3 21
./example/src/DriverMetrics.tsx 173 50 18 241
./example/src/app/NestedRingMenu.tsx 84 0 9 93
./example/src/app/MotiIntegration.tsx 285 14 30 329
./example/src/app/OrbitalAnimation.tsx 252 0 21 273
./example/src/app/ReanimatedDriver.tsx 418 54 42 514
./example/src/app/_layout.tsx 57 0 5 62
./example/src/app/DonutChart.tsx 188 0 12 200
./example/src/app/GestureSelector.tsx 200 22 25 247
./example/src/app/MediaReel.tsx 431 62 37 530
./example/src/app/index.tsx 509 0 19 528
./example/src/app/CircularNavMenu.tsx 145 0 15 160
./example/src/app/RadialMenu.tsx 59 0 7 66
▶ TypeScript
39 2319 870 350 3539
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./jest.setup.ts 3 8 1 12
./src/types.ts 83 256 12 351
./src/styles.ts 8 0 1 9
./src/animation/types.ts 58 71 6 135
./src/animation/index.ts 3 0 0 3
./src/animation/rnAnimatedDriver.ts 48 9 17 74
./src/hooks/useCombinedAnimation.ts 182 59 17 258
./src/hooks/index.ts 8 0 0 8
./src/hooks/useAnimatedSectorPath.ts 105 55 15 175
./src/hooks/useAnimation.ts 75 40 16 131
./src/hooks/useCirclePositions.ts 56 28 9 93
./src/__tests__/animation/rnAnimatedDriver.test.ts 111 6 29 146
./src/__tests__/hooks/useAnimatedSectorPath.test.ts 172 6 25 203
./src/__tests__/hooks/useCirclePositions.test.ts 83 8 13 104
./src/__tests__/hooks/useAnimation.test.ts 259 21 45 325
./src/__tests__/utils/animation.test.ts 131 0 23 154
./src/__tests__/utils/circle.test.ts 366 15 62 443
./src/utils/index.ts 11 0 0 11
./src/utils/validation.ts 96 6 6 108
./src/utils/animation.ts 28 31 6 65
./src/utils/circle.ts 255 232 26 513
./example/src/AppContext.ts 10 0 3 13
./example/src/design_system/atoms/Button/index.ts 2 0 0 2
./example/src/design_system/atoms/index.ts 4 0 0 4
./example/src/design_system/atoms/View/index.ts 4 0 3 7
./example/src/design_system/atoms/CircleBadge/index.ts 2 0 0 2
./example/src/design_system/atoms/Text/index.ts 4 0 2 6
./example/src/design_system/style/index.ts 71 0 4 75
./example/src/design_system/molecules/index.ts 10 0 0 10
./example/src/design_system/molecules/Switch/index.ts 2 0 0 2
./example/src/design_system/molecules/PopUp/index.ts 2 0 0 2
./example/src/design_system/molecules/SliderWithLabel/index.ts 2 0 0 2
./example/src/design_system/molecules/ScreenHeader/index.ts 2 0 0 2
./example/src/design_system/molecules/Dropdown/index.ts 2 0 0 2
./example/src/hooks/useShowOnMount.ts 9 0 3 12
./example/src/hooks/useToggle.ts 6 0 1 7
./example/src/hooks/useCircleVisibilityRef.ts 10 0 2 12
./example/src/utils/resolveStyles.ts 8 7 0 15
./example/src/utils/animationPresets.ts 28 12 3 43
▶ YAML
3 12936 0 3135 16071
File ↕ Code ↕ Comments ↕ Blanks ↕ Total ↕
./pnpm-lock.yaml 12845 0 3132 15977
./pnpm-workspace.yaml 72 0 0 72
./lefthook.yml 19 0 3 22
Total 107 41575 2149 4397 48121

README Badges

Add these badges to your README.md to showcase your code statistics:

Lines of Code GitHub
Top Language GitHub
Languages GitHub
Code to Comment Ratio GitHub
Note: These badges are dynamic and will automatically reflect the latest analysis of your repository. For efficiency, analysis results are cached for 24 hours. If you've made changes to your repository and want to update the badge data, you can run a new analysis after the cache period expires.
GitHub Badge: Using GitHub-specific badge format. This URL format is optimized for GitHub repositories.