Circle is a platform where you can learn everything you need to know to launch a successful e-commerce start up. On such a platform, you can study core topics as management, finance and creating websites.

Сircle Website

New year! New website!
Today I am sharing with you my new studio website!
Building everything from scratch is always a big challenge.
I still have to polish some things, but I hope you like it.
Stay tuned for future upgrades!
Carefully #MadeInWebflow

Let Your Brand stand out from the crowd.

This was an experiment to create a scroll effect using only the simplest building blocks. 
For this to work, every movement has to sync with the content and the scroll speed, it has to be an orchestra. 

Here, we demonstrate the effect and elaborate on how we did

Lottiefiles+Webflow Orchestra

Bornomala is a new chapter in learning the basic unit of any language, the Alphabet. We have used interactive tools to shape this project which seeks to propagate a fun-filled experience in learning to an audience which usually lacks attention-span, young children.
However, it is also an effective tool to teach non-native adults these vernacular alphabets in a way opening up limitless possibilities in the field of learning these languages. Learn to master, learn for fun. We assure we guide you to learn alphabets the easiest way anytime, anywhere.

Learn Assamese

Amsterdam-based independent Designer & Developer with focus on Art Direction, Motion Design and Creative Development.

Miranda – Paper Portfolio

MicroMonday #8:

✅ Native Interactions
✅ Custom CSS

--

Follow along for more!

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

MM—008: Direction-Aware Slider

Live site: ujjo.com

Free sample of grid based ecomm store. Based on VW units for making it super responsive on larger devices.

------------------------------------------------

Disclaimer: This project was made for educational purposes and is not affiliated with Ujjo in any way. All rights of the images, logos, and texts belong to Ujjo.

------------------------------------------------
Have a new project in mind? Let's chat -
🟢 https://cal.com/chintan/30min

Contact:
📭 hello@chintan.design
🌎 https://chintan.design
🐥 https://twitter.com/heyychintan
------------------------------------------------

Ujjo - Ecommerce Site Rebuild

One of my frustrations with Webflow transitions is that achieving a good horizontal scroll effect with things like parallax is not possible out of the box. The "while scrolling in view" trigger only works for vertical scroll. So, after some trial and errors, I came up with a setup that gets the job done!

Hokaido is a free template focused on images and horizontal scroll. It's main features are:

1. Works well with CMS - no need to manually tweak any transitions, the horizontal scroll works with any number of CMS elements.

2. Parallax effects - create cool horizontal parallax effects, with the current setup, it just works!

3. Cool page transitions - go from page to page with a smooth transition between different projects.

Want to know how the trick is done? Clone it, change it, make it your own!

Hokaido - Free Horizontal Scrolling Template

-> Tutorial: https://youtu.be/8DKLYsikxTs

We love a good animated timeline. Here's a timeline we created for our website that tells the story of Relume. 

We think this timeline can be used for many projects and use cases. Enjoy!

---------

Like this cloneable? 

We've built the world's largest component library and we're excited to release this to the Webflow Community! Simply search from 650+ components, copy with one click and paste them into your Webflow project. 

Get access to Relume Library BETA
-> https://library.relume.io/

Upvote on Product Hunt
-> https://www.producthunt.com/posts/relume-library

Relume Timeline Cloneable

Tutorial: https://www.youtube.com/watch?v=Q17Q5-isg0I

Based on this shot by Cuberto https://dribbble.com/shots/6358927-Mitosis-After-Effects

Note: This experimental goo effect does not yet work on Safari.

Gooey Card Effect

When keyboard users tab into modals (like a popup or dialog), focus should remain in that window. This helps prevent users from accidentally moving focus outside the modal without closing it. Users should also be able to use the ESC key to close the modal.

Use the cloneable component below and custom code in the page settings to achieve this. See full documentation on the Webflow Accessibility Checklist.

Accessible Modal Component

pait-academy-template-01

Watch the tutorial at https://www.youtube.com/watch?v=VqSEvzzLoVQ

Interactive CMS Map (Responsive - Collection List)

Had a great opportunity to work with the Oreo team in creating the playful network site. 

Live site here:https://www.theplayfulnetwork.com/

Campaign live: https://www.campaignlive.co.uk/article/oreo-the-playful-network-digitas-uk/1695881

The Playful Network was born in lockdown. Because when our doors closed, we realised that we actually connected more.

We rolled up our pyjama sleeves and found joy in little things like clapping, baking, quizzing and dance challenge-ing together. And with every new connection, OREO was there to help us stay playful.

Oreo - The Playful Network

Winner of Honorable Mention and Site of the day on Awwwards 
and awarded the Mobile Excellence award 

Tutorial On Hero section.
https://www.youtube.com/watch?v=yWq81qwpOCI&t=311s

Having fond memories of The Goonies, I decide to create a website that re-lives those magic moments. This site is jam packed full of amazing animations and interactions so please do explore the full site. 

Enjoy.

The Goonies

A prototype of a Travel Blog website homepage.

Travel Blog Website Homepage

Playing around with Material Design navigation pieces.

Expanding Circle Navigation

The Minimalists is a one-page portfolio website, which utilizes interactions to make pages appear.

Justin Knepper