https://github.com/steveeeie/react-css-3d

A WIP React library for creating 3D objects and scenes without WebGL.
https://github.com/steveeeie/react-css-3d

3d 3d-graphics css css-transform react wip

Last synced: about 1 month ago
JSON representation

A WIP React library for creating 3D objects and scenes without WebGL.

• Host: GitHub
• URL: https://github.com/steveeeie/react-css-3d
• Owner: Steveeeie
• License: mit
• Created: 2020-01-05T17:19:10.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T04:57:10.000Z (almost 2 years ago)
• Last Synced: 2024-04-26T09:04:35.993Z (7 months ago)
• Topics: 3d, 3d-graphics, css, css-transform, react, wip
• Language: JavaScript
• Homepage: https://stevemeredith.com/react-css-3d
• Size: 4.09 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-css-3d (WIP)

   ![Twitter Follow](https://img.shields.io/twitter/follow/Steveeeie?style=social)

A React library for creating 3D objects and scenes without WebGL.

### Documentation

[View Documentation](https://stevemeredith.com/react-css-3d)

### Motivation

Over the years I have created a number of 3D scenes using only `CSS` / `HTML` so I decided to publish a library to make this easier for me. The library is `CSS` / `HTML` based, for this reason its capabilities are limited. You shouldn’t expect the same levels of fidelity as a WebGL based solution.

### Browser Support

The library is supported by most evergreen browsers, however as each browser handles css-transformations differently you may experience varying frame rates and quality. **The library makes heavy use of the `preserve-3d` transform-style which is not supported by any version of IE.**