An Agent Skill that lets Codex, Claude Code or Cursor generate an orbitable Three.js architecture scene that assembles itself brick by brick.
MengTo/threeui
An open-source, login-free catalog of interactive Three.js/WebGL UI components with live renderers and full React source.
- Звёзды
- 6,707
- Форки
- 628
- Открытые issues
- 8
- Последний коммит
- 2 месяца назад
Что это?
ThreeUI Community is the open-source edition of the ThreeUI component catalog. It provides a browsable set of WebGL and Three.js based UI pieces, each shown on its own page with a live renderer, adjustable controls, a variant picker, and source tabs for the implementation.
The catalog includes 50 parent components, 111 routes and 164 browse results, covering free variants and singleton components. Pro and Beta components are excluded, and every included component keeps all of its free variants and controls. The app itself has no authentication or account state.
The components are also published to npm as @designcodeio/threeui, with a shared stylesheet and per-component subpath imports. Components that render full HTML documents expect runtime assets to be served from root-relative URLs, which can be copied from the package or overridden through props.
Ключевые возможности
- 01Browsable catalog of interactive WebGL and Three.js UI components
- 02Live renderer and adjustable controls on every component page
- 03Variant picker and source tabs showing implementation code
- 04Installable React package with per-component subpath imports
- 05Responsive layout with search and theme support
Сценарии использования
- Adding a WebGL hero or background effect to a React landing page
- Studying how Three.js UI components are structured and written
- Copying a component's source into a project and adapting it
Темы
Частые вопросы
- Что такое threeui?
- An open-source, login-free catalog of interactive Three.js/WebGL UI components with live renderers and full React source. ThreeUI Community is the open-source edition of the ThreeUI component catalog. It provides a browsable set of WebGL and Three.js based UI pieces, each shown on its own page with a live renderer, adjustable controls, a variant picker, and source tabs for the implementation.
- threeui можно использовать бесплатно? Какая у него лицензия?
- threeui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- threeui всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в threeui — 3 сент. 2026 г..
- Для чего можно использовать threeui?
- Adding a WebGL hero or background effect to a React landing page Studying how Three.js UI components are structured and written Copying a component's source into a project and adapting it
- Где скачать threeui?
- Исходный код и инструкции по установке — на GitHub: https://github.com/MengTo/threeui
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
A browser-based 3D boat journey down a Japanese river valley, rendered live with three.js across four seasons and any hour of the day.
A free, bilingual 3D museum in the browser where young children and their grown-ups explore prehistoric animals on land, sea, and sky.
An offline-capable interactive web app that reconstructs the local night sky in the browser for any place and time.
WebGPU shader effects packaged as drop-in components for React, Vue, Svelte, Solid and plain JavaScript.
A React and Next.js cursor animation library offering reusable cursor-follow effects, built on Tailwind CSS and motion.