Home / magicuidesign / magicui
Repository Analysis

magicuidesign/magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

0.7 Likely human-written View on GitHub
0.7
Adjusted Score
0.7
Raw Score
100%
Time Factor
2026-05-29
Last Push
21,122
Stars
MDX
Language
92,509
Lines of Code
652
Files
67
Pattern Hits
2026-05-31
Scan Date

Score History

Severity Breakdown

CRITICAL 0HIGH 0MEDIUM 0LOW 67

Pattern Findings

67 matches across 1 category. Click a row to expand file-level details.

Hyper-Verbose Identifiers67 hits · 66 pts
SeverityFileLineSnippet
LOWapps/www/components/icons.tsx669export function getIconForLanguageExtension(language: string) {
LOW…ww/components/sections/expandable-masonary-section.tsx17export function ExpandableMasonarySection({
LOWapps/www/public/llms-full.txt1203export default function AnimatedBeamMultipleOutputDemo({
LOWapps/www/public/llms-full.txt1716export default function AnimatedBeamMultipleOutputDemo({
LOWapps/www/public/llms-full.txt2223export function AnimatedCircularProgressBar({
LOWapps/www/public/llms-full.txt2332export default function AnimatedCircularProgressBarDemo() {
LOWapps/www/public/llms-full.txt3111function getThemeTransitionClipPaths(
LOWapps/www/public/llms-full.txt3369export default function AnimatedThemeTogglerSquareDemo() {
LOWapps/www/public/llms-full.txt3384export default function AnimatedThemeTogglerDiamondDemo() {
LOWapps/www/public/llms-full.txt3399export default function AnimatedThemeTogglerRectangleDemo() {
LOWapps/www/public/llms-full.txt3414export default function AnimatedThemeTogglerHexagonDemo() {
LOWapps/www/public/llms-full.txt3429export default function AnimatedThemeTogglerTriangleDemo() {
LOWapps/www/public/llms-full.txt3444export default function AnimatedThemeTogglerStarDemo() {
LOWapps/www/public/llms-full.txt3463export default function AnimatedThemeTogglerNextThemesDemo() {
LOWapps/www/public/llms-full.txt7136export default function DotPatternWithGlowEffectDemo() {
LOWapps/www/public/llms-full.txt8328export default function FlickeringGridRoundedDemo() {
LOWapps/www/public/llms-full.txt8955export default function GridPatternLinearGradient() {
LOWapps/www/public/llms-full.txt9191export default function HeroVideoDialogDemoTopInBottomOut() {
LOWapps/www/public/llms-full.txt9566export default function HexagonPatternLinearGradient() {
LOWapps/www/public/llms-full.txt10736export default function InteractiveGridPatternDemo() {
LOWapps/www/public/llms-full.txt10759export default function InteractiveGridPatternDemo() {
LOWapps/www/public/llms-full.txt10820export default function InteractiveHoverButtonDemo() {
LOWapps/www/public/llms-full.txt16474export default function ScrollBasedVelocityImagesDemo() {
LOWapps/www/public/r/dot-pattern-with-glow-effect.json13 "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\nimport { DotPattern } from \"@/registry/magicui/
LOW…public/r/hero-video-dialog-demo-top-in-bottom-out.json13 "content": "import { HeroVideoDialog } from \"@/registry/magicui/hero-video-dialog\"\n\nexport default function He
LOWapps/www/public/r/flickering-grid-rounded-demo.json13 "content": "import { FlickeringGrid } from \"@/registry/magicui/flickering-grid\"\n\nexport default function Flick
LOW…/www/public/r/animated-theme-toggler-diamond-demo.json13 "content": "import { AnimatedThemeToggler } from \"@/registry/magicui/animated-theme-toggler\"\n\nexport default f
LOW…/www/public/r/animated-theme-toggler-hexagon-demo.json13 "content": "import { AnimatedThemeToggler } from \"@/registry/magicui/animated-theme-toggler\"\n\nexport default f
LOWapps/www/public/r/grid-pattern-linear-gradient.json13 "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\nimport { GridPattern } from \"@/registry/magicui
LOW…ww/public/r/animated-theme-toggler-rectangle-demo.json13 "content": "import { AnimatedThemeToggler } from \"@/registry/magicui/animated-theme-toggler\"\n\nexport default f
LOW…www/public/r/animated-theme-toggler-triangle-demo.json13 "content": "import { AnimatedThemeToggler } from \"@/registry/magicui/animated-theme-toggler\"\n\nexport default f
LOWapps/www/public/r/hexagon-pattern-linear-gradient.json13 "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\nimport { HexagonPattern } from \"@/registry/magi
LOW…/public/r/animated-theme-toggler-next-themes-demo.json16 "content": "\"use client\"\n\nimport { useTheme } from \"next-themes\"\n\nimport { AnimatedThemeToggler } from \"@
LOW…/www/public/r/animated-circular-progress-bar-demo.json13 "content": "\"use client\"\n\nimport { useEffect, useState } from \"react\"\n\nimport { AnimatedCircularProgressBa
LOW…s/www/public/r/animated-theme-toggler-square-demo.json13 "content": "import { AnimatedThemeToggler } from \"@/registry/magicui/animated-theme-toggler\"\n\nexport default f
LOWapps/www/public/r/interactive-grid-pattern-demo-2.json13 "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\nimport { InteractiveGridPattern } from \"@/regis
LOWapps/www/public/r/interactive-grid-pattern-demo.json13 "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\nimport { InteractiveGridPattern } from \"@/regis
LOWapps/www/public/r/animated-circular-progress-bar.json10 "content": "import { cn } from \"@/lib/utils\"\n\ninterface AnimatedCircularProgressBarProps {\n max?: number\n
LOWapps/www/public/r/animated-beam-multiple-outputs.json13 "content": "\"use client\"\n\nimport React, { forwardRef, useRef } from \"react\"\n\nimport { cn } from \"@/lib/ut
LOWapps/www/public/r/animated-beam-multiple-inputs.json13 "content": "\"use client\"\n\nimport React, { forwardRef, useRef } from \"react\"\n\nimport { cn } from \"@/lib/ut
LOWapps/www/public/r/animated-theme-toggler.json13 "content": "\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { Moon, S
LOW…ps/www/public/r/scroll-based-velocity-images-demo.json13 "content": "import {\n ScrollVelocityContainer,\n ScrollVelocityRow,\n} from \"@/registry/magicui/scroll-based-v
LOWapps/www/public/r/interactive-hover-button-demo.json13 "content": "import { InteractiveHoverButton } from \"@/registry/magicui/interactive-hover-button\"\n\nexport defau
LOWapps/www/public/r/animated-theme-toggler-star-demo.json13 "content": "import { AnimatedThemeToggler } from \"@/registry/magicui/animated-theme-toggler\"\n\nexport default f
LOW…ww/registry/magicui/animated-circular-progress-bar.tsx12export function AnimatedCircularProgressBar({
LOWapps/www/registry/magicui/animated-theme-toggler.tsx40function getThemeTransitionClipPaths(
LOW…istry/example/animated-theme-toggler-triangle-demo.tsx3export default function AnimatedThemeTogglerTriangleDemo() {
LOW…ry/example/animated-theme-toggler-next-themes-demo.tsx7export default function AnimatedThemeTogglerNextThemesDemo() {
LOW…ww/registry/example/animated-beam-multiple-outputs.tsx27export default function AnimatedBeamMultipleOutputDemo({
LOW…registry/example/scroll-based-velocity-images-demo.tsx16export default function ScrollBasedVelocityImagesDemo() {
LOW…gistry/example/animated-circular-progress-bar-demo.tsx7export default function AnimatedCircularProgressBarDemo() {
LOW…/www/registry/example/grid-pattern-linear-gradient.tsx6export default function GridPatternLinearGradient() {
LOW…w/registry/example/interactive-grid-pattern-demo-2.tsx6export default function InteractiveGridPatternDemo() {
LOW…egistry/example/animated-theme-toggler-square-demo.tsx3export default function AnimatedThemeTogglerSquareDemo() {
LOW…gistry/example/animated-theme-toggler-hexagon-demo.tsx3export default function AnimatedThemeTogglerHexagonDemo() {
LOW…y/example/hero-video-dialog-demo-top-in-bottom-out.tsx3export default function HeroVideoDialogDemoTopInBottomOut() {
LOW…www/registry/example/interactive-grid-pattern-demo.tsx6export default function InteractiveGridPatternDemo() {
LOW…stry/example/animated-theme-toggler-rectangle-demo.tsx3export default function AnimatedThemeTogglerRectangleDemo() {
LOW…www/registry/example/animated-beam-multiple-inputs.tsx27export default function AnimatedBeamMultipleOutputDemo({
LOW…/registry/example/animated-theme-toggler-star-demo.tsx3export default function AnimatedThemeTogglerStarDemo() {
7 more matches not shown…