My first digital bake! :-) Excited to start sharing some stuff with the wonderful Webflow community - Thanks for looking! :-)

Collection 1 // Bake 001

This template uses CSS Sticky and IX2 to showcase a Horizontal Scroll effect on a wide content section.

Sticky + Horizontal Scroll Demo

The project was made to help a forum question > https://forum.webflow.com/t/rotating-text-in-a-sentence/76920

Changing words in a sentence

A prototype of a Financial News website homepage.

Prototype - Finance News Website

Humaaans is a free library to mix-&-match illustrations of people. You can customize their positions, clothing, colors, and hairstyle to create some cool scenes. You can add backgrounds and use the power of libraries to make it your own 💈

Humaaans

A small collection of Ecommerce interactive "Add to cart" buttons.

003 Ecommerce

An idea for animating some image reveals on page load. It utilizes the grid to customize each images load and hover effect for very different looks. The amazing thing is that adjusting the grid was the only change needed. All four images use the same interactions! Grid basically enhances the power of interactions to 11.

Hopefully you enjoy digging around the project and feel free to clone. Cheers!

Grid Image Reveals

Business Product Page for the Fintech London-based Startup Monese

Monese Business Page

Design, prototype, and collaborate in 3D for 3D.  Build standalone mobile AR apps or add augmented reality features to existing ones.

Torch - Mobile AR Design and Prototyping

A prototype of a Breakfast delivery service homepage.

Breakfast Website Homepage

A simple modal for you, crafted so you can easily replace the content.

001 Modal

Full Landing Page + All Details - https://janlosert.com/webflow-cards

My first fully web-based UI Template, 100% developed in Webflow Designer. All elements ready to copy & paste or fully clone into your projects! 

I prepared all styles for all the main typography elements (H1-H6, links, paragraphs etc.), button, tags, alerts or social icons. And then using these “atoms” create as many cards as possible for you to have a nice starting field for new designs. I ended up with 28 cards in total My main aim was to create something visually beautiful for new users or developers who are, to put it nicely non-designers.. All of them are obviously responsive in all Webflow stages. There are 2 hero sections, nice product cards, article thumbnails for the blog or even sign up dialogue with all form elements covered.

Cards - Webflow UI Kit

An unexpected micro-interaction for you next hamburger button

004 Hamburger Button

A dynamic before and after slider that is interactive on desktop and mobile. I did not write the code, but found out how to make it dynamic so clients can update themselves. 

Ideal for before and after images for cleaners, dentists, etc. Anything with a before and after!

Use the header and footer code on the main settings page under Custom code page if you intend to have the element on other pages.

To use on a static website, just replace the dynamic image fields with the image source address.

magicslider

Here's how to build a slider in Webflow that displays cards on the desktop/tablet breakpoints and collapses down to a slider on mobile (whose cards you can swipe between, of course). Enjoy!

Grid of cards that collapse to a swipeable slider on mobile

Built a 12 page layout for a San Francisco based SaaS startup!

SaaS Startup UI

Feel free to clone the button!
I'd love to see how you're using it, so please comment with a link to your website if you use it :-)

Mirela Prifti

About

Skills

About

About