Freelancers using three.js in CaliforniaFreelancers using three.js in California
ProjectsPeople
Nikol Hayes's avatar
Nikol Hayes
proSan Francisco, USA
AI Campaign Assets + Agents for DTC Growth
$100k+
Earned
19x
Hired
5.0
Rating
255
Followers
TOP_INDEPENDENT

Top

IDEOGRAM_EXPERT

Partner

+1
AI Campaign Assets + Agents for DTC Growth
Cover image for AriaLeaf AI - AI Voice Agent Platform for Dispensaries
AriaLeaf AI - AI Voice Agent Platform for Dispensaries
1
113
Cover image for EntangleAI - Quantum Physics Learning Platform
EntangleAI - Quantum Physics Learning Platform
0
26
Cover image for Bespoke Punks NFT Platform
Bespoke Punks NFT Platform
1
40
Cover image for Elysian DAO DeFi App
Elysian DAO DeFi App
0
35
three.js(4)
Harrison Songolo's avatar
Harrison Songolo
proPetaluma, USA
Interactive Websites & Full-Stack SaaS Builds
5.0
Rating
11
Followers
Interactive Websites & Full-Stack SaaS Builds
Cover image for Most sites tell you they're
Most sites tell you they're premium. Almost none of them make you feel it. I spent the last stretch building thirteen concept sites chasing that difference, and the thing that kept proving itself is that the feeling comes from motion you control, not motion you watch. Four are real-time 3D in the browser. A crystalline brand hero turning under studio lighting, a perfume landing lit entirely by a real HDRI environment, a neural field of instanced particles for an AI product, an architectural monolith that reveals itself out of near-black. The other nine are scroll-scrubbed video, where you drag a whiskey pour or open a box or drive into a sunrise at whatever pace you want. The visitor is the animator, which is a very different thing from watching an autoplay loop. I design it, build it, and ship it myself, so there's no handoff where the feeling leaks out between the mockup and the browser. Two things I learned that I'd want someone else to know. If you light a translucent material without a real environment map, your scene renders black. Lighting is not polish you add at the end, it's a design decision you make first, before you have anything to look at. And if you want video to scrub frame for frame off scroll position with no stutter, re-encode it all keyframe. Every frame becomes a seek target. Most people fight that stutter in JavaScript when the fix lives in the encode. Who it actually serves is anyone selling on craft rather than spec. Fragrance, architecture, spirits, dev tools. The interaction buys a few more seconds of attention right where the headline and the call to action live, and those seconds are usually the whole game. All thirteen are live and interactive, and labeled as concepts because that's what they are. Still chewing on one thing. Where's the line where motion stops serving the brand and becomes the thing people remember instead of the brand? https://xkaii.studio/ui-ux-designs/
12
21
602
Cover image for Markets Intelligence (Concept)
Markets Intelligence (Concept)
0
69
Cover image for An update on the red-team
An update on the red-team loop from my last post. I turned it from a one-off script into a real harness I run with one command against the whole stack. It attacks the backend, replays out-of-order Stripe events to prove a cancelled plan can't come back, and it screenshots the site and fails if the page renders as a flat white frame. That last one is a real bug I hit: the old checks passed because there were no console errors, but the entire hero was painting white on certain GPUs. I also added a tripwire that fails the build if I ever delete something already built and verified, or reintroduce a mistake I already fixed. Iterating on a live 3D site, the hard part is not breaking the thing that already worked. It runs in CI now, so every push gets checked. Live: xkaii.studio (http://xkaii.studio)Security: xkaii.studio/security
1
114
Cover image for New work: I rebuilt my
New work: I rebuilt my studio site as a real-time 3D experience, then I attacked it. The visual layer is hand-written WebGL and GLSL. GPU particle cores that react to your cursor, morphing transitions between pages, adaptive performance that tunes itself to the device. All custom code, no template, no page builder. But looking expensive is only half the job. I also build and secure the systems behind sites like this: multi-tenant SaaS, Stripe billing, PostgreSQL row-level security. So I wrote an automated red-team loop in Python and ran it against my own live site: attack, triage, patch, verify. It flagged a couple of hardening gaps, I fixed them, and re-ran until it came back clean. If you want a site that looks like a high-budget trailer and holds up when someone probes it, that is what I build. Live: xkaii.studio (http://xkaii.studio)The security work: xkaii.studio/security
2
3
246
three.js(2)
Ryan Maiers's avatar
Ryan Maiers
Los Angeles, USA
Art director / 3D Designer + 3D Interactive Web Development
11
Followers
Art director / 3D Designer + 3D Interactive Web Development
Cover image for THREE.JS INTERACTIVE WEB PORTFOLIO
THREE.JS INTERACTIVE WEB PORTFOLIO
1
14
Cover image for WORLD OF WOMEN x RHEA RAJ Audio Visual 3D artwork
WORLD OF WOMEN x RHEA RAJ Audio Visual 3D artwork
0
13
Cover image for SPLINE 3D INTERACTIVE ART GALLERY (DESKTOP AND MOBILE FRIENDLY)
SPLINE 3D INTERACTIVE ART GALLERY (DESKTOP AND MOBILE FRIENDLY)
0
28
Cover image for BLENDER 3D REEL - YouTube
BLENDER 3D REEL - YouTube
0
10
three.js(3)
Venkatesh L's avatar
Venkatesh L
San Jose, USA
Builder
Builder
Cover image for For the Figma Makeathon I
For the Figma Makeathon I built an immersive journey about Indian wisdom about creation & creativity. The experience features a fully-guided walkthrough with abstract 3D visuals inspired by Indian motifs & mandala art, relaxing soundscape featuring Indian classical instruments and interaction that responds to head movement & hand gestures. For the re-imagination of a gesture I have revived finger-on-the-lip (shush) as a solution for mute/un-mute problem of modern video meetings along with an attempt at using mudra/hand-sign/ASL as quick shortcuts for a hands-free experience. Try here: https://crit-shush-71151332.figma.site/ Turn-on camera and hit the play-button for the full immersive experience.
3
201
Cover image for Created a fun project which
Created a fun project which I call "UI Eras Tour" As a designer, I always felt having missed out on not designing screens for the bygone era, this was an attempt and recreating a designer profile across different eras. Why this project? With Design.md it is now easy to create a cohesive design system that creates uniformity as new screens are generated, I wanted to create an experience where each page is unique & requires its own design.md, I was able to create unique screens & export html,screenshot & design.md to easily stitch the final experience. How is used stitch? I first one-shot prompted my idea to get a base design, it was a good starting point & polished. But my idea required certain styles to be less polished by modern standards to truly represent the aesthetics of the era they represented for this "in-place AI edits" came in handy. The native availability of image generation from within stitch was also useful (profile pic also changes based on the era). For quick previews the "motion-rich HTML-native canvas rendering" helped as I was not staring at a static screen (especially for the ads in Y2K), I was able to see the real-time render & iterate based on my needs. Native google ai studio/netlify integration were helpful too when it came to ship the final experience. Each era has something unique (like a easter egg) that I uniquely anchored onto from what I remember using them (yes, I have memories from dinosaur era) - ASCII art in Html - flashing ads & site vistor counter in Y2k - Z-index (active window) & clock that syncs real time in Skeuo - Interactive components & drak/light mode in Modern - Tab/arrow key interactivity in CLI Feedback on my experience: It was amazing to see the streaming of assets as it got generated which was the first time I have seen the "Show thinking" equivalent for design asset getting generated. The infinite canvas & native-motion rich HTML rendering was very helpful as I didn't have to preview the screen individually in a different screen which helped speed up the iteration/prototyping loop. Things I would have appreciated if it was better, undo was a little confusing as it some time reverted multiple actions at once, so I had to be extra careful every time I did undo. Try out here: https://ui-eras.netlify.app/ I thoroughly enjoyed creating this project, I could confidently say that this project would not be possible if not for stitch as the complexity to create and execute would have been too much to take on in the past as a solo builder.
1
0
135
Cover image for AI Collective Rebrand Asset Creation
AI Collective Rebrand Asset Creation
1
6
Cover image for Fieldwork Case Study
Fieldwork Case Study
0
3
three.js(1)
Mike Dunlop's avatar
Mike Dunlop
Los Angeles, USA
Experienced Fullstack Web Developer - microsites, platforms.
Experienced Fullstack Web Developer - microsites, platforms.
Cover image for House of the Dragon - Official Microsites
House of the Dragon - Official Microsites
0
13
Cover image for Call of Duty - WorldWide Release Microsite
Call of Duty - WorldWide Release Microsite
0
9
Cover image for HBO - The Peacemaker Interactive Trailer Microsite
HBO - The Peacemaker Interactive Trailer Microsite
1
12
Cover image for Known Agency Website
Known Agency Website
0
6
three.js(2)
Grace Ge's avatar
Grace Ge
San Francisco, USA
Designer loves design
21
Followers
Designer loves design
Cover image for who wouldn’t want to give
who wouldn’t want to give a hanging light a little swing? so… I made it interactive. I’ve been experimenting with Blender + Three.js to see if a lighting website could feel more like actually playing with the product instead of just scrolling through a catalog. swing the light, change the brightness, switch the space, change the whole mood. one light, many forms. 😂 #webdesign #threejs #blender #creativecoding #3dweb #productdesign
2
13
Cover image for motion design is hard....
motion design is hard....
1
22
Cover image for been inspired by a lot
been inspired by a lot of lighting websites lately, so I wanted to see what my own version of that experience could look like. played around with Blender for the 3D pieces and built the experience with Julius.
1
2
38
Cover image for fixed the room lighting-it looks better than the first try
fixed the room lighting-it looks better than the first try
2
1
32
three.js(1)
Lorenze Jay Hernandez's avatar
Lorenze Jay Hernandez
San Francisco, USA
Fullstack Engineer, Web Developer, Web Designer
Fullstack Engineer, Web Developer, Web Designer
Cover image for Marketing website for Uplift Digital Solutions
Marketing website for Uplift Digital Solutions
0
18
Cover image for Landing Pages for Software Startup based in SF
Landing Pages for Software Startup based in SF
0
31
Cover image for Fullstack Web Development for Kanban board application
Fullstack Web Development for Kanban board application
0
49
Placeholder project card media
View more →
three.js(1)