ThinkingOrbs

thinking-orbs is a React component package providing dotted animated loading indicators for AI and agent interfaces. It offers nine hand-tuned states— including working, searching, solving, listening, connecting, weaving, composing, breathing, and shaping—rendered with plain 2D canvas rather than WebGL or filters. The indicators have separate 64-pixel chat-avatar and 20-pixel inline-text designs, automatic or pinned light/dark themes, adjustable speed, pause control, and pass-through canvas properties. It includes per-state accessible labels, renders a static frame for prefers-reduced-motion, pauses offscreen instances through IntersectionObserver or when the tab is hidden, and resumes them in phase using a shared clock. The package is distributed through npm under the MIT license.

Minted is a SwiftUI package by Haplo LLC that turns SVG, CGPath, SwiftUI Path, or raster artwork into physically lit 3D gold medallions without requiring separate 3D model files. Its vector pipeline extrudes paths with SceneKit, adds stacked rim bands, raised enamel cells, gold wire edging, engraved CoreText lettering, and a die-struck orange-peel reverse; physically based materials and a generated studio environment provide the reflections. The package also supports image-based artwork, multiple silhouettes and palettes, two-tone enamel, spinning and draggable views, line-art states, and SVG path parsing including curves, elliptical arcs, implicit repeats, and packed numbers. For collections and badge grids, its snapshot pipeline renders designs off the main thread and caches thumbnails to disk; CoinSnapshotter can also produce standalone images. It requires iOS 17 or later, Swift 5.9 or later, and Xcode 15 or later, and is distributed as a Swift package under the MIT license.

A framework-free WebGL2 package for rendering Apple-inspired translucent glass surfaces for folders, rectangles, pills, and circles. Its renderer models screen-space refraction using a squircle signed-distance-field thickness field, Snell refraction with a meniscus rim, variable-blur scattering, Fresnel reflection, chromatic dispersion, edge highlights, contact shadows, hit testing, and live backdrops. It provides the original frosted V1 renderer and a separate clear optical V2 renderer, each with its own material contract; both can be used together. The package is distributed through npm, requires WebGL2, accepts CSS-pixel element coordinates, and can load image backdrops.

An agent-facing collection of design and engineering skills by Emil Kowalski for building and reviewing user interfaces. Its guidance covers animation curves, durations, properties, gestures, haptics, screen transitions, motion placement, borders, shadows, typography, Apple interface principles distilled from WWDC talks, UI-library selection, modern Swift, prototyping, and product-interface details. The skills can create animations from scratch, review animations against defined rules, audit a codebase and produce prioritized implementation plans, identify worthwhile opportunities for motion while flagging what should not be animated, and build multiple UI variants navigated through a switcher. A React Native and Expo skill covers gestures, sheets, haptics, screen transitions, and keeping motion off the JavaScript thread; other skills guide use of the Sonner toast library and library selection. The collection is installed with `npx skills@latest add emilkowalski/skills` and is based on Kowalski’s stated experience at Vercel and Linear.

Viscose is a portfolio carousel rendered as a single full-screen WebGL fragment shader rather than a grid of DOM elements. Project cards travel around a mostly off-screen ring that can be turned by scrolling, dragging, swiping, or clicking; momentum carries the ring and it snaps the nearest card to the front. Signed distance fields make neighboring cards melt together as they approach and form thin, sagging threads as they separate, while pointer interaction softens the field, shifts nearby cards, and creates connecting effects. The same shader pass renders the threads, the refracting glass-like edges at the top and bottom of the viewport, and the cursor tag. On touch devices, swiping turns the ring and press-and-hold triggers the hover effects. The project includes a development-only lil-gui panel with roughly 136 live parameters and is built with Next.js, React, Three.js, GSAP, and Tailwind CSS; it requires Node.js 20 or newer to run locally.