Built the design by Hrvoje Grubisic in Webflow! Check it, clone it!

P.s. Need a website? Drop us a line at hi@buildbites.com.
We provide an unlimited Webflow development for a flat monthly fee!

Webflow build | Rich Music Website by Hrvoje Grubisic

Neomorphism exercise, for fun.

A little bit late for this trend but I found it cool.

Feel free to clone it and experiment with it.

Neomorphism Form Elements

Cloneable rebuild of https://www.dillinger.tv/

Variable Font Interactions

Present your company Frequently Asked Questions nicely with our FAQ accordions.

With 3 different options to select, you can choose your favorite and copy it on your website as easy as 1, 2, 3.

- - - - - - - - - -

Interested in this free Webflow Cloneable?

• Check out a live preview on: https://faq-accordions-cloneable-brixtemplates.webflow.io/

• Click 'Clone project' to get a clone on your Webflow account

• Get the cloneable Figma file to customize the styling and graphics: https://www.figma.com/community/file/1085636748629525585

- - - - - - - - - -

• BRIX Templates - Looking for more Webflow templates? Take a look at our collection of premium & free Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

FAQ Accordions Webflow Cloneable Template - BRIX Templates

Revising my boilerplate, needed a scroll so made one.
Smooth Scroll + Mouse Drag Scroll (optional), in less than 200 lines of vanilla JS.


Completely configured by data-attributes for wf.

You can control the scrolling element (data-scroll), a factor for scroll speed (data-factor="{number}" and if mouse dragging is supported (data-mouse="true/false").


It's also webGl ready and supports speed, but for that you'll want to fork the sandbox here (https://codesandbox.io/s/smooth-scroll-2qfif).

(!) Definitely not tested throughly, so use it at your own risk.
(:) Would love feedbacks on breaking cases and strange behaviours.


-- I'm currently working on an actual one that also solves a couple of webflow problems regarding position sticky and while scrolling animations but that's not happening anytime soon. I'll post on twitter when (and if) it's to a publishable state. This one does not. But position sticky is horrible anyway.


👀

Minimal Smooth and Drag Scroll ⟋ lib

Clondon - free asymmetric layout, original dribbble design by Hrvoje Grubisic.

Free responsive asymmetrical layout Clondon

Hello,

I'm sleepy, so I felt like designing some kind of smooth interaction thingy. And here we are.

I'm faking the smooth scroll effect by having four fixed sections inside one big section, adding a "while scrolling in view" interaction to the big section and turning smoothing up to 93 (around 90 is the sweet spot for any kind of interactions in my opinion).

Feel free to clone and use for whatever if you like it. Images from Unsplash, some icons from Iconmonstr.

robin.granqvist@hotmail.se

Sleepy Interactions

The Accountant I - Designed for accounting consultants
=============================================

Support the Human behind the Machine by follow on social channels. 

-> Website  www.nocodemachine.com
-> Webflow www.webflow.com/nocodemachine
-> Twitter www.twitter.com/NoCodeMachine
-> LinkedIn https://www.linkedin.com/company/nocodemachine
-> Facebook https://www.facebook.com/NoCodeMachine
-> Instagram https://www.instagram.com/nocodemachine
-> Dribbble https://dribbble.com/NoCodeMachine
-> Reddit https://www.reddit.com/user/No-Code-Machine
-> Pinterest https://www.pinterest.com/NoCodeMachine
-> YouTube https://www.youtube.com/channel/UCQlRzk4y3ivRZtQbMldj8mA

The Accountant I

Snog Productions is a full-service production company based in Los Angeles.

Snog Productions

NSIDE is a multi-purpose webflow template that can be transitioned into any kind of agency or studio website. This template puts emphasis on your imagery with a simple three-column structure.

The template includes 6 static pages, 5 CMS pages, and all 3 utility pages. It's tablet/mobile ready and has a cool mega menu and flyout menu that look great on tablet/mobile, too! 

I'm practicing to eventually become a webflow template designer. Let me know what you think of this one!

I hope you like it! :)

---------

NEW FREE TEMPLATE: The new EMPATHY cloneable CMS template is published and available for everyone to clone. 🎉 Clone and find it on my profile.

I'm publishing free cloneable templates every two weeks. 🚀

NSIDE Cloneable CMS Template

Watch the tutorial for this at https://www.youtube.com/watch?v=Wq5mJIHCDFo

T.RICKS Menu + Slider

The CSS-Tricks solution for a 100vh element that doesn't overflow the screen when browsing through mobile.

Solution by Louis Hoebregts from https://mamboleoo.be/ as presented here:
https://css-tricks.com/the-trick-to-viewport-units-on-mobile/

100vh-trick

(Clone-able) Image CMS slider


Follow us to get more cloneable components in the future.


- https://webflow.com/uiflow
- https://www.uiflow.co/

(Clone-able) Image CMS slider

Apply custom classes, styles, and Webflow Interactions to any text inside a Webflow Rich Text block. Works with static elements and CMS Rich Text fields. Do this from the Designer and the Editor. Sweet Text is a Finsweet add-on to Webflow's Rich Text.

Sweet Text by Finsweet

Hey everyone!

Showing you a text outline animation. Make sure to follow my profile for more assets.

Make sure to clone it.
If you like these contents,check out uiflow.co

Visit us @ uiflow.co

Uiflow Text Outline Animation

I'm on a mission to prove that you can build practically anything with Webflow and nocode tools. So I natively developed the entire PS4 experience for desktop and included nearly every feature.

Protocore develops websites and advanced software prototypes for startups.

Rebuild → Playstation 4

Follow me for more Webflow components.    

Draggable content for clone

Draggable content

In this episode of What In Webflow 014, we walk-through how to create a reactive text effect in Webflow: https://youtu.be/8-9rX4PjnXM

To walk-through this tutorial with me, make sure you use the cloneable project at https://webflow.com/website/Reactive-Type-Effect

Also, you can find a more comprehensive tutorial at https://www.superhi.com/video/how-to-make-reactive-type-as-seen-on-the-airbnb-cereal-site

Hopefully, this was helpful. Feel free to let me know if this is helpful, or if you have any additional questions.

I'm happy to help further!

Tyrone Palmer