Skip to content
Threeui website preview

Threeui

threeui.com

Copy-ready Three.js components, website templates, WebGL backgrounds, hero sections and interactive shaders with source-backed variants.

What is Threeui?

ThreeUI packages the Three.js parts of a modern site into browsable, copy-ready sections: 3D assets, buttons, landing pages, text animations, UI elements, backgrounds and hero sections. Components come with source-backed variants extracted from complete template pages such as Kairo and Meridian, so you can see how each piece behaves responsively in context. An MCP server lets AI coding agents pull components directly into their workflow.

Best for

  • Adding WebGL and 3D to web pages
  • Hero sections with interactive shaders
  • AI agents fetching Three.js components

Key features

  • Copy-ready Three.js components and variants
  • Complete templates like Kairo and Meridian
  • WebGL backgrounds and text animations
  • MCP server for agent workflows
Obsidianui website preview

A React and Tailwind CSS component library with components, blocks and landing page templates, shipping a new signature component every week.

ReactTailwindAnimation+2
Bencho website preview

A library of interactive React UI blocks — heat maps, signature pads, drag interactions, sliders — you can explore, tweak, and take straight into projects.

ReactAnimationWeb+1
Interior.dev website preview

Free, open-source React micro-interaction components for the half-second after a click — copy the TypeScript source; the behavior is finished, the style is yours.

ReactAnimationOpen Source+2