3D, Animation & Files

Interactive 3D scene with rotating icosahedron and torus knot. Drag to orbit. Built with Three.js.

1,000 floating particles forming a sphere. Interactive orbital controls.

Animated wave plane with sine displacement. Real-time WebGL rendering.

Canvas-based particle system with connecting lines. Mouse-interactive. Use as a section background with content overlaid via slot.

Lottie animation player. Loads JSON animations from URL. Auto-play and loop support.

Numbers count up from zero when scrolled into view. Supports prefix, suffix, and custom duration.

Background image scrolls at a different speed than content, creating depth. Overlay darkens for readability.

Animated SVG blob that slowly changes shape. Decorative element — use behind content for visual interest.

Sortable table of downloadable files with type icons, sizes, and dates.

Visual grid of file cards. Better for smaller sets where each file needs a description.

Drag-and-drop file upload zone. Highlights on dragover. Shows selected file names.

Download cards with file type icons, descriptions, and download buttons.

Slide deck viewer with prev/next navigation, slide counter, and fullscreen. Keyboard arrow support.

Embedded PDF viewer using native browser rendering. Includes download button fallback.

Embed published Google Docs, Sheets, or Slides via iframe.

Embed Notion pages for documentation, wikis, or project boards.