├── .eslintrc.json ├── .gitignore ├── .prettierrc.js ├── README.md ├── app ├── [slug] │ └── page.tsx ├── favicon.ico ├── globals.css ├── header.tsx ├── layout.tsx ├── page.tsx └── prism.css ├── components ├── app │ ├── Code.tsx │ ├── CodeBlock.tsx │ ├── ComponentPlayground.tsx │ └── CopyCode.tsx ├── lab │ ├── badge │ │ ├── BadgeAnimatedGradientBorder.tsx │ │ ├── BadgeShine.tsx │ │ └── BadgeTextGradient.tsx │ ├── button │ │ ├── ButtonBackgroundShine.tsx │ │ ├── ButtonBackgroundSpotlight.tsx │ │ ├── ButtonGradient.tsx │ │ ├── ButtonHoverGradient.tsx │ │ ├── ButtonRotatingBackgroundGradient.tsx │ │ └── ButtonShadowGradient.tsx │ ├── card │ │ ├── CardAnimatedBorderGradient.tsx │ │ ├── CardPulseBorder.tsx │ │ ├── CardSpotlight.tsx │ │ └── CardTilt.tsx │ ├── input │ │ ├── InputGradientBorder.tsx │ │ ├── InputPulseBorder.tsx │ │ └── InputSpotlightBorder.tsx │ └── text │ │ ├── TextAnimatedGradient.tsx │ │ ├── TextGradient.tsx │ │ └── TextShine.tsx └── ui │ ├── badge │ └── index.tsx │ ├── button │ └── index.tsx │ └── input │ └── index.tsx ├── data └── components.ts ├── lib ├── shiki.ts └── utils.ts ├── next.config.js ├── package.json ├── postcss.config.js ├── public └── cover.webp ├── tailwind.config.ts └── tsconfig.json /.eslintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/.eslintrc.json -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/.prettierrc.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/README.md -------------------------------------------------------------------------------- /app/[slug]/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/[slug]/page.tsx -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/favicon.ico -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/globals.css -------------------------------------------------------------------------------- /app/header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/header.tsx -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/layout.tsx -------------------------------------------------------------------------------- /app/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/page.tsx -------------------------------------------------------------------------------- /app/prism.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/app/prism.css -------------------------------------------------------------------------------- /components/app/Code.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/app/Code.tsx -------------------------------------------------------------------------------- /components/app/CodeBlock.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/app/CodeBlock.tsx -------------------------------------------------------------------------------- /components/app/ComponentPlayground.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/app/ComponentPlayground.tsx -------------------------------------------------------------------------------- /components/app/CopyCode.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/app/CopyCode.tsx -------------------------------------------------------------------------------- /components/lab/badge/BadgeAnimatedGradientBorder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/badge/BadgeAnimatedGradientBorder.tsx -------------------------------------------------------------------------------- /components/lab/badge/BadgeShine.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/badge/BadgeShine.tsx -------------------------------------------------------------------------------- /components/lab/badge/BadgeTextGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/badge/BadgeTextGradient.tsx -------------------------------------------------------------------------------- /components/lab/button/ButtonBackgroundShine.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/button/ButtonBackgroundShine.tsx -------------------------------------------------------------------------------- /components/lab/button/ButtonBackgroundSpotlight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/button/ButtonBackgroundSpotlight.tsx -------------------------------------------------------------------------------- /components/lab/button/ButtonGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/button/ButtonGradient.tsx -------------------------------------------------------------------------------- /components/lab/button/ButtonHoverGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/button/ButtonHoverGradient.tsx -------------------------------------------------------------------------------- /components/lab/button/ButtonRotatingBackgroundGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/button/ButtonRotatingBackgroundGradient.tsx -------------------------------------------------------------------------------- /components/lab/button/ButtonShadowGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/button/ButtonShadowGradient.tsx -------------------------------------------------------------------------------- /components/lab/card/CardAnimatedBorderGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/card/CardAnimatedBorderGradient.tsx -------------------------------------------------------------------------------- /components/lab/card/CardPulseBorder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/card/CardPulseBorder.tsx -------------------------------------------------------------------------------- /components/lab/card/CardSpotlight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/card/CardSpotlight.tsx -------------------------------------------------------------------------------- /components/lab/card/CardTilt.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/card/CardTilt.tsx -------------------------------------------------------------------------------- /components/lab/input/InputGradientBorder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/input/InputGradientBorder.tsx -------------------------------------------------------------------------------- /components/lab/input/InputPulseBorder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/input/InputPulseBorder.tsx -------------------------------------------------------------------------------- /components/lab/input/InputSpotlightBorder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/input/InputSpotlightBorder.tsx -------------------------------------------------------------------------------- /components/lab/text/TextAnimatedGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/text/TextAnimatedGradient.tsx -------------------------------------------------------------------------------- /components/lab/text/TextGradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/text/TextGradient.tsx -------------------------------------------------------------------------------- /components/lab/text/TextShine.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/lab/text/TextShine.tsx -------------------------------------------------------------------------------- /components/ui/badge/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/ui/badge/index.tsx -------------------------------------------------------------------------------- /components/ui/button/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/ui/button/index.tsx -------------------------------------------------------------------------------- /components/ui/input/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/components/ui/input/index.tsx -------------------------------------------------------------------------------- /data/components.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/data/components.ts -------------------------------------------------------------------------------- /lib/shiki.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/lib/shiki.ts -------------------------------------------------------------------------------- /lib/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/lib/utils.ts -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/next.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/cover.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/public/cover.webp -------------------------------------------------------------------------------- /tailwind.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/tailwind.config.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibelick/ui-snippets/HEAD/tsconfig.json --------------------------------------------------------------------------------