Code Block

Cult UI

Syntax-highlighted code blocks with copy-to-clipboard, language labels, and dark theme styling.

TypeScript

import { motion } from "motion/react"

export function FadeIn({ children }: { children: React.ReactNode }) {
  return (
    <motion.div
      initial={{ opacity: 0, y: 20 }}
      animate={{ opacity: 1, y: 0 }}
      transition={{ duration: 0.5 }}
    >
      {children}
    </motion.div>
  )
}

CSS

.glass-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}

Shell Commands

npx shadcn@latest add @cult-ui/code-block --yes
npm run dev