# Threejs Three Graces Design Concept

> In this project, I wanted to show that creating a fancy design like this using is not as difficult as it looks. It has only 240 lines of code. The live link…

Canonical page: https://andersonmancini.dev/videos/threejs-three-graces-design-concept

Published: 2022-05-17 · Duration: 0:45 · Category: Components · Tags: three.js, source-code, webgl, threejsjourney, threejs-tutorials, threejs-projects, 3d-websites, museum

Watch: [YouTube](https://www.youtube.com/watch?v=79EpgV2D50I) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Subscribe for updates:

In this project, I wanted to show that creating a fancy design like this using is not as difficult as it looks. It has only 240 lines of code. The live link and the source code will be published on my GitHub soon.

Live:

Source:

Original Design:

The GLTF used in this example was made by 3DLadnik:

Released as CC-BY-4.0 by Sketchfab:

## Links from the video

- [Live demo](https://andersonmancini.dev/)
- [threejs-graces.tiiny.site](https://threejs-graces.tiiny.site)
- [Source code on GitHub](https://github.com/ektogamat/threejs-graces)
- [Live demo](https://dribbble.com/shots/6767548-The-Three-Graces-Concept)
- [Live demo](https://sketchfab.com/3DLadnik)
- [Live demo](https://sketchfab.com/3d-models/3d-printable-the-three-graces-58e0ae19e2984b86883edc41bf43415a)

## Related projects

- [Three Graces](https://andersonmancini.dev/projects/three-graces.md) — Museum landing page with cursor light