Credits

Where the interface comes from

• shadcn/ui Buttons, inputs, cards, sidebar, slider, switch, tabs, tooltip, dropdown, sheet, avatar, badge, skeleton, separator.
• Magic UI Interactive Grid Pattern, Interactive Hover Button, Shimmer Button, Ripple Button, Shiny Button, Number Ticker, Text Reveal, Confetti.
• Aceternity UI The Highlight behind the line on the front page.
• Kibo UI The dropzone used by every uploader.

What it runs on

• Next.js The framework everything except the profile pages is built with.
• React What every component on the site is written in.
• Tailwind CSS Every class on the site.
• Motion The animation library behind the highlight and the hover buttons.
• Radix UI The unstyled behaviour under the dialogs, switches, sliders and menus.
• Lucide The icon set, and the source of all 69 built-in badges.
• Geist The typeface, by Vercel.
• Sonner The toasts.
• canvas-confetti The burst when you publish.
• cobe The WebGL globe on the opening screen.
• input-otp The six-digit code field.
• react-dropzone The drag-and-drop behind every uploader.
• clsx and tailwind-merge Joining class names without them fighting.
• class-variance-authority Component variants.
• tw-animate-css The enter and exit animations.
• next-themes Theme handling.
• mini-svg-data-uri Inlining SVG into CSS without base64.

Where it lives

• Cloudflare Pages Where the site is served from.
• Cloudflare Workers Renders every profile page.
• Cloudflare D1 The accounts and the profiles.
• Cloudflare KV Uploaded files, rate limits, Discord status.
• Cloudflare Turnstile The signup challenge.
• Resend Sends the verification code.
• Google Fonts All 1,825 fonts a profile can use.
• Wrangler Deploys it.

preinfection.lol

The card, the opening globe, the dock, the click-anywhere cover, the badges with no background behind them and the scrollbar all come from preinfection.lol, which is where this started.