Open Source

Component library

Reusable components built during client projects. Copy the code, use it in your project.

Wooden Switch

A high-fidelity skeuomorphic toggle featuring procedural audio and organic textu

JSXui
JSX
"use client";

import React, { useState, useRef } from "react";
import { motion, AnimatePresence } from "framer-motion";

class="code-comment">// --- 1. PROCEDURAL AUDIO ENGINE ---
const playWoodSound = (type = class="code-string">'click') => {
  if (typeof window === class="code-string">'undefined') return;

  const AudioContext = window.AudioContext || window.webkitAudioContext;
  if (!AudioContext) return;

class="code-comment">// ...
Motion
View full code