Radix UI

3 snippets

Accessible headless primitives styled with Tailwind.

Toast Notifications

Featured

Toast system with useToast hook

"use client";
import * as Toast from "@radix-ui/react-toast";
import { createContext, useContext, useState, useCallback } from "react";
import { X } from "lucide-react";
Radix UI tsx · 50 lines

Animated Dialog

Accessible modal with scale animation

"use client";
import * as Dialog from "@radix-ui/react-dialog";
import { X } from "lucide-react";

export function Modal({ trigger, title, children }: {
Radix UI tsx · 28 lines

Dropdown Menu

Polished dropdown with icons and shortcuts

"use client";
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";

type MenuItem = {
  label: string;
Radix UI tsx · 46 lines