https://github.com/stormfiber/molecules
https://github.com/stormfiber/molecules
javascript molecule molecule-generation molecules molecules-and-materials react react-native
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/stormfiber/molecules
- Owner: stormfiber
- Created: 2025-08-19T02:57:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-07T20:42:35.000Z (9 months ago)
- Last Synced: 2025-09-07T22:23:51.497Z (9 months ago)
- Topics: javascript, molecule, molecule-generation, molecules, molecules-and-materials, react, react-native
- Language: JavaScript
- Homepage: https://stormfiber.github.io/molecules
- Size: 1.15 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Molecules Studio ⚛️
## Responsive Design:
- Mobile-first approach with proper sidebar that slides in/out
- Touch controls for mobile devices (drag to rotate, pinch to zoom)
- Adaptive layouts that work on all screen sizes
- Mobile-optimized buttons and interactions
## Modern UI/UX:
- Clean, modern design with gradients and blur effects
- Smooth animations and transitions
- Intuitive controls with clear visual feedback
- Professional color scheme and typography
- Card-based layouts with proper shadows and spacing
## Proper Functionality:
- Working 3D rendering with Three.js
- Smooth mouse/touch controls for rotation and zoom
- Multiple view modes (Ball & Stick, Space Fill, Wireframe)
- Auto-rotation toggle that works correctly
- Real molecular data with accurate structures
- Search functionality for finding molecules
- Detailed info panel with properties and structure dataKey
## Features:
- 🖱️ Drag to rotate molecules in 3D space
- 🔍 Scroll/pinch to zoom in and out
- 📱 Full touch support for mobile devices
- 🎨 Three visualization modes for different perspectives
- 📊 Detailed molecular information panel
- 🔍 Search through molecule database
- ⚛️ Auto-rotation for continuous viewing