DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

3D Glass Portal Card with React Three Fiber and Gaussian Splatting

#3d

3D Glass Portal Card with React Three Fiber and Gaussian Splatting

3D Glass Portal Card with React Three Fiber and Gaussian Splatting

Demo of a 3D glass portal card effect using R3F and Gaussian Splatting.

3D Glass Portal Card with React Three Fiber and Gaussian Splatting

Article on Codrops

Demo

Installation

Install dependencies:

npm install
Enter fullscreen mode Exit fullscreen mode

Compile the code for development and start a local server:

npm start
Enter fullscreen mode Exit fullscreen mode

Create the build:

npm run build
Enter fullscreen mode Exit fullscreen mode

Misc

Follow Yuri: Twitter, YouTube, Patreon

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops

GitHub

View Github

Top comments (0)

Read next

mustafacam profile image

CDI scope

Mustafa Çam -

toshiossada profile image

Desenhos complexos com CustomPaint

Toshi Ossada -

tahirhassan23 profile image

Java OOPs

Hafiz Muhammad Tahir -

mrrishimeena profile image

NestJS Developers: Upgrade Your Logging with This Simple Guide

Rishi Kumar -