Crytec Registry
Documentation

Getting Started

  • Introduction

Components

  • CodeBlock
  • Comparison
  • IconPicker

Hooks

  • useMounted

Blocks

  • Example Form

Documentation

Welcome to the Crytec Registry documentation. Browse our collection of components, hooks, and utilities for building your next project.

6 total items • 5 with documentation

Installation

Install components directly into your project using the shadcn CLI:

npx shadcn@latest add https://registry.crytec.net/r/[component].json

Components

CodeBlock
A compound code block component with syntax highlighting, multi-file tabs, copy button, and customizable themes.
Comparison
An interactive image comparison component with hover and drag modes, perfect for showcasing before/after images.
IconPicker
A compound component for selecting icons from Lucide React with search, preview, and optimized rendering.

Hooks

useMounted
A hook that returns true if the component has mounted. Useful for SSR hydration.

Library

Utils
Coming Soon
Utility functions including cn() for class name merging.

Blocks

Example Form
A contact form with Zod validation and React Hook Form integration.