Crytec Registry
Documentation

Getting Started

  • Introduction

Components

  • CodeBlock
  • ColorPicker
  • Comparison
  • DateRangePicker
  • IconPicker
  • Rating

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.

8 total items • 8 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.
IconPicker
A compound component for selecting icons from Lucide React with search, preview, and optimized rendering.
ColorPicker
A customizable color picker with hex, rgb, and hsl formats, eye dropper, and preset colors.
Rating
An accessible rating component with half-value support, keyboard navigation, and form integration.
DateRangePicker
A date range picker with dual-month calendar, presets, external navigation, URL sync, and form integration.

Hooks

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

Blocks

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