orphic
  • How it works
  • Catalogue
  • For AIs
  • Open source
SSeeaarrcchh ttoooollss⌘K
orphic

Orpheus went into the underworld to bring back what was lost. Orphic goes into reels, DMs and link-in-bio pages and brings back the real link.

  • How it works
  • Catalogue
  • For AIs
  • Open source
© 2026 Orphic contributors · MIT · made by Adarsh PandeyEvery find credits its creator.
Catalogue/Design

Tool

Hairline

Free MIT library of isometric line figures that react to the pointer (React or any DOM), plus two coding-agent skills: /hairline-create draws a new animated figure from an idea and hairline-adopt starts from your SVG, both following Hairline's ten design rules and outputting one dependency-free HTML file with intensity slider and theme switch. Works with Claude Code, Cursor and Codex.

OOppeenn hhaaiirrlliinnee..lluuccaassmmaarrkkeess..ccoomm← Back to the catalogue
Type
Tool
Category
Design
Verified link
Checked
First found
1 Nov 2026

Use it for

  • ↳Make a cursor-reactive line animation for a website hero
  • ↳Animated pricing or feature section from one prompt
  • ↳Add clean isometric illustrations to a deck or app
  • ↳Turn an existing svg into an animated figure
  • #claude-skills
  • #animation
  • #ui-components
  • #open-source
  • #claude-code

Found in

  • N@nick_saraevInstagram · 1 Nov 2026↗

Credit goes to the creator whose post put it on our radar.

More in design

  • Three.jsJavaScript 3D library; as a Claude skill it makes cinematic 3D product commercials, exploded product views and 3D explainers.threejs.org
  • apple-design (Emil Kowalski skills)Claude skill from Emil Kowalski's skills repo that applies Apple's WWDC motion principles to the web: springs, instant response, gesture velocity and interruptible animation.github.com
  • apple-design-skill (dickwu)Cross-platform UI/UX design reviewer skill based on Apple's Human Interface Guidelines; works with Flutter, Tauri, Electron, React Native, SwiftUI and agents like Claude Code, Cursor and Codex.github.com
  • Apple-standard design skills for Claude guide (@jesserurka)Notion guide covering two Claude skills that make Claude follow Apple's published design rules, with install steps, a rename fix for the clashing apple-design name, and ready prompts for building and reviewing UI.glamorous-pencil-2e4.notion.site
  • Bible Strong Avatar LabFree open-source browser studio (AGPL-3.0) for procedural 2D avatars: build a character from 3D-inspired shapes, design expressions and animations, then export reusable React, JavaScript, SVG or PNG assets; no account needed. Paste the repo into Claude Code to build interactive avatars for your app.github.com
  • Libraries.devOpen-source collection of libraries and models for next-generation UI effects (glow, beams, thinking orbs, motion; MIT, 4.5k stars); paste the GitHub link into Claude and it pulls in the real code for unique visuals in videos and interfaces.github.com