Material UI

2 snippets

Material Design 3 patterns built from scratch with React.

Data Table

Sortable paginated table with MUI styling

"use client";
import { useState, useMemo } from "react";
import { ChevronUp, ChevronDown, ChevronLeft, ChevronRight } from "lucide-react";

type Column<T> = { key: keyof T; label: string; sortable?: boolean };

Material UI tsx · 69 lines

Speed Dial FAB

Floating action button with expanding actions

"use client";
import { useState, useRef, useEffect } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { Plus, X } from "lucide-react";

Material UI tsx · 56 lines