Client Build: Three.js 3D Atom Hero, Lecture Library and AI

Client Build: Three.js 3D Atom Hero, Lecture Library and AIClient Build: Three.js 3D Atom Hero, Lecture Library and AI

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Yuviii Design

• 11h

Client build. 3D atom hero (Three.js), searchable library of 106 lectures with in-page player, approved-content AI assistant, enquiry form and verified results. Result: one link that converts parent enquiries.

3D Design Motion Design Responsive Design 10Web

Artem Prokhorov

• Oct 23

The New Book of Beasts A Medieval Bestiary of Modern Human Nature

What if medieval bestiaries described the habits of modern people instead of mythical creatures?

For the Recraft × Contra Styles Challenge, I created Illuminated Bestiary, a custom Recraft Style inspired by public-domain illustrations from 13th–15th-century manuscripts.

I used historical references from the Public Domain Image Archive to explore medieval animal anatomy, ornamental details, ink drawings, and muted natural pigments.

Then I applied the style to eight imaginary beasts, each representing a familiar modern behavior: overthinking, people-pleasing, doomscrolling, procrastination, ghosting, perfectionism, attention-seeking, and impostor syndrome.

The result is a collection of creatures that look like they belong in a centuries-old manuscript, even though their habits are very much our own.

recraftstyleschallenge Motion Design Recraft

Fatima Akbar

• Oct 23

Such a creative idea! Love how you’ve connected medieval art with modern human habits. The concept is both unique and relatable! 👏✨

Miguel Queirós

max

• Oct 22

Testing hero section concepts

Web Design Motion Design Claude

José Félix

• Oct 23

I created something again. This time, a particle emitter when hovering a text. I think it turned out great! 🙌 Each "particle" is a three.js Sprite. Made with Three.js and GLSL. Check it out live here: https://particle-emitter-exp.vercel.app

Completed work

glsl JavaScript three.js Interaction Design Web Design Web Development WebGL

Rafee Alam

pro

• Oct 26

The photos bursting out from behind the 15 YEARS OF EXPERIENCES text is a clever reveal. Did you run the sprites through a custom shader or just the basic material?