Discover the best creativecoding websites created by professional designers. Get inspired and start planning your perfect creativecoding web design today!

Onda Studio

Finiam is a small and curious team focused on the development of fintech products. We did a branding revamp, design and development for their new website, and a marketing strategy for its relaunch. As a result, their brand feels human, engaging, and adaptable.

Finiam

My second CMS template is now free for grabs containing: 

- responsive design
- 2 CMS collections
- custom cursor 
- parrallax scroll
- off grid layout
- unique interactions and animations

It is free for grabs, but please show me some love and share if you do 💙Feedback is also more then welcome!

MOFA

Museum of Art - Template

It was our pleasure to work on a landing page for the beautiful new issue of Nevoazul, a magazine that provides a new perspective on the web. This issue is dedicated to “A More Gentle Internet” and occupies the space between past and future, reflecting on today’s web as a space for knowledge and empathy.

Because their work brings such a clear and soothing view over the chaotic world that is the web, we wanted to build a peaceful page, to allow the user to wander about each detail and animation, just like a journey on a hot air balloon!

Nevoazul

The weight, color, scale, and rotation of the divs react with your mouse positioning.

Another one in my journey of learning code, particularly JS!

⚠️ YesCode: Code-heavy project! ⚠️

My take on SuperHi's reactive variable font tutorial:
https://library.superhi.com/posts/how-to-make-reactive-type-as-seen-on-the-airbnb-cereal-site

Which was inspired by Airbnb's page:
https://airbnb.design/cereal/scale/weight

Feel free to clone and enjoy!

Reactive Variable Font - Javascript

Reactive Variable Flower - Javascript

Aura is an autonomous issuance platform for credit and savings for digital assets. Onda worked on the brand identity for Aura with an accompanying website design and development.

Aura

🌟 Discover how to use clip-path animations to transform a full-screen image into a row or grid of smaller images. By animating text and other elements, you can create various types of movements. And if you add a filter animation, it becomes even more exciting! 💥

The code for this cloneable was created by Codrops and implemented by yours truly using Webflow. 💻 Hope you like it!

Make sure to like and follow to stay updated on future projects like this one. 🚀

Fullscreen Clip Animation [Codrops]

Fullscreen Clip Animation [CLONEABLE]

Project page from studiomaertens.com/project/orb1 rebuilt for educational purposes.
Features CurtainsJS for WebGL implementation, GSAP and SplitType.
Article: https://maray.ai/posts/maertens
Code: https://github.com/maray29/maertens

Studio Maertens Project Page Rebuild

In this p5 sketch + tutorial we will look at how to iterate over pixels of a png image, extract color data, and apply it to a grid of pixels. Once we've mapped out and rendered our image as a particle system, we can apply some really create effects like a mouse repulsion force!

Picture to Particles

Andrea Pisanu

andrea-pisanu

Reinier Martin

Reinier Martin is web development studio for design partners. "By always putting people first, we create relevance. By creating solutions that matter, we bring meaning to our work. By developing technologies, we help people."

The Future of cultures communities. Trade What you Love

FAMEGOODS

famegoods

A simple website for my work. Personally, I don't fancy a lot of colors or things on my website, as long as it's simple and functional, I'm happy about it.

chrlsdesign

Charles - Portfolio

Arubani's mission is to provide the necessary tooling to put web3 builders to work and, ultimately, create a better world. 

To highlight their intention of promoting the best of DeFi, we created a strong and confident visual direction that conveys seriousness and trust, but with a human and personal side. 

Arubani

Portfolio website for graphic designer/art director Roberta Inauen.

www.robertainauen.ch

Roberta Inauen (demo)

Roberta Inaunen

DeNites are community-led events to connect with local web3 projects and people in the most entertaining way possible.

Denites

Jenny B Kowalski is an interactive designer and Assistant Professor of Instruction. This portfolio shows of design work, visual experiments in the form of creative code, and a collection of work by students.

Jenny B Kowalski

jennybkowalski

Home of artist Kale Nixon.
Providing experimental music, art, tools, and services.

Leisure Audio

leisureaudio

JeelCode is a platform that provides programming lessons to kids from age of 9 to 14 years old 

Discover creativecoding websites built by the Webflow community

Discover creativecoding websites built by the Webflow community