Designed and published our landing page that showcases some of the work that we have done.

Sukratu Company Landing Page

Website design for Bally Logistics. We used Finsweet's client-first theme and technique to develop the website.

Bally Logistics Website

Watch the tutorial at https://www.patreon.com/posts/62131468

Design by 
https://dribbble.com/shots/17361196-Contact-Us-Form-3D-Background

BG Video by
https://dribbble.com/shots/17066462-Glass-blower-visual

Easy Form Validation

We've had a lot of requests for autoscrolling images in background and haven't come across a solution within the Webflow community. Feel free to contribute any suggestions or ideas to improve this feature.

autoscrolling-images-in-background-on-i

Click anywhere on the page for sound when scrolling

Portfolio Lists

A magnetic video play button that appears on hover on a background video and follows the mouse cursor. When clicked, it opens a lightbox with the video.

Tutorial: https://youtu.be/ySUF-D9LxjE

Magnetic Video Play Button following the Cursor

Cyboro is a guard for your digital identity.  Stay conscious of your personal security and protect your devices, files, and any data sent via the Internet with Cyboro. Copyright, privacy and digital security on the Web are the issues that humanity is relatively new to. So it’s crucial to have an eye on all the trends and new technology that helps to use the Internet without risk.

Cyboro Protection

Brand is more than a logo. Content is more than just words on a page. And your Webflow site should be more than simply a set of bookshelves to hold it all. Content Design — the collaborative, cross-discipline process of fully viewing content as an element of design — pulls the pieces of brand, UX, design, and no-code development together to help brands tell their stories and serve their audiences better on the web.

In this session, we’ll learn what content design is today and what it can mean for authors and brands, as well as how it differs from other roles like copywriting and content strategy. You’ll learn tips for adopting a content design mindset, how the content design process strengthens brands through laser focus on audience, and how Webflow and other no-code tools empower content designers to make the web a better, more useful place for everyone.

NoCode Conference - Presentation

My first cloneable in almost a year! Created in response to a Facebook post that seemed like a worthy challenge 💪

It was super tough to achieve, using a combination of dropdowns, position sticky, CSS Grid & some mix-blend-mode magic to power the colorful overlays. Mostly no-code, with just of 2 bits of JS: one to achieve the jump links (Webflow doesn't play nice with links inside dropdowns) and another set to reset scroll position when closing the accordions.

A few tips:
• Doesn't work well in Safari
• Need to add more jump links? You'll need to add more lines of JS in the page settings. 
• Additionally, jump links are linked to position: absolute elements within each dropdown, so you'll need to add new ones with new IDs to make it work

Enjoy, and let me know what you think!

Design: 
dribbble.com/shots/12209806-Blurr-Animation

Facebook post: facebook.com/100005276292047/videos/287781939881694/

🪗 Full-Height Funky Accordions 🪗

A Template for how to use Auth0 and Webflow to create client-side gated content.

auth0-template

Client-first Template 2 can be used universally for all kinds of businesses. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 10 static and 3 CMS pages
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/2

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1020702672948793919

Made with 💪 by Finsweet

Client-First 2 - Free Webflow Template

RYTHM is a free multi-purpose webflow CMS template that can be transitioned into any kind of agency/studio website. It has a clean layout, so if you have a different type of project, it can be a simple transition.

Check out the interactions on this one! There are a few good ones. :)

The template includes 6 static pages and 3 CMS pages. It's fully responsive and ready to use right away! No custom code - 100% built in webflow.

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

All of the images are from pexels.com and unsplash.com.

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. 🚀

Find the previous cloneable templates in my profile! 🎉

RYTHM Cloneable CMS Template

Hello everyone!

The Agency - Is a free clonable website made for any marketing or design agency.

This is my first webflow project in which I tried to implement animations and certain features found on the websites of the most powerful agencies in the world.

Inspirations: curberto.com | fleava.com
       
Fonts used: Neuzeitgrolig | Warning | Graphic

Fell free to use this template in any of your projects!

Much more will come!

I hope you like it! :)

Twitter: https://twitter.com/Atwww_
Dribbble: https://dribbble.com/Atwww
Website: https://atwww.studio/

The Agency - Cloneable Template

Hi All,

Check out this app screens slider for you guys to use in your project. 
This components is from the shade project we are doing. 
Make sure to follow us to get more components.


- uiflow.co
- https://shade.uxtheme.net/

App Screens Slider ( Shade Project )

Personal Portfolio Website — It was about time! 

Clonable link available upon request.

One-Pager Portfolio Site

A 3d transforms interaction based on mouse position. 

Learn how to build this https://university.webflow.com/lesson/rotation-on-mouseover-interactions

Rotation on mouseover

A CSS solar system. Apart from one small SVG and an animated GIF for title texture, it's all CSS within Webflow designer. Custom code only for title effect. Custom font from FontSquirrel.

This is not the responsiveness we're looking for.

Sukratu

About

Skills

About

About