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

Ben Locsei

"Türen sollen ungebetene Gäste abhalten, doch eine sichere Tür muss nicht unansehnlich sein. Mit unserer Hilfe wird Ihre neue Tür zum Blickfang Ihres Hauses."

// Pre-release build, may contain production errors. Placeholder content.

Specht

Specht - Creative Woodwork

Here is a free cloneable from an older tutorial of mine. 
I'll show you how to animate letters while scrolling. Nice effect maybe for a portfolio.

Big lettering animation

Big Lettering Scroll-Animation (Free Cloneable)

Vibrand Design

Howdy Webflow Family, 

with this exclusive Cloneable you get 10 production-ready sliders for your Webflow projects, developed with SwiperJS, the most used, powerful and flexible slider library on the entire web. 

For use in your own projects: 
(1) clone the Cloneable into your dashboard, 
(2) copy the slider of your choice into your project
(3) add the corresponding codes (which you can get via Patreon or from 03 May via Lemon Squeezy) to your project and 
(4) customise the component as you want it for your project.

Have fun impressing your users and customers with these sliders. :)

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon 👉 patreon.com/denniskarg 👈 or via Lemon Squeezy 👉 https://denniskarg.lemonsqueezy.com/checkout/buy/613746b1-434a-439d-8e77-a3837b0aa49b 👈

SwiperJS Starter

dasda Designagentur

Website and redesign for an unsalaried, german based organization which focussed on design, art and culture.

Visitors can search threw exhibitions and events and become an idea of what the organization does. Moreover visitors can scroll threw a timeline with historical relevant events in the history of the building.

Thanks to the community:
Timothy Ricks - page transition-code
Finsweet - Attributes

Wanna see more :)? Follow us!
Instagram: @dasda.design

www.agentur-dasda.de

Forum Gestaltung

Forum for design and art

Mouse Hover Effect with vanilla JavaScript for a following link background effect that always assumes the size of the active element. 

I'm glad if you like it.

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work on Patreon: patreon.com/denniskarg

Floating Link Background

Motion Designer Maxim Knorz

Motion Design Freelancer - Maxim Knorz

Exclusive Webflow Cloneable for our supporters: 

A comparatively simple and visually appealing way to integrate GDPR-compliant videos from YouTube and Vimeo into your Webflow projects, using a uniform video player using Plyr JavaScript Library. 

To use the components in your own projects, please follow the instructions in the "How-To" section of the cloneable.

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon 👉 patreon.com/denniskarg 👈 or via Lemon Squeezy 👉 https://denniskarg.lemonsqueezy.com/checkout/buy/09ff7c89-cc78-43c7-8237-0995cdb03172 👈

Plyr Player

Plyr Video Player for Webflow

Driven by typography and thought for people that love to read, this page has many hidden surprises without forgetting that the user comes first. I hope you like it.

Elisabeth Leopold

For a writer, curator & dramaturge / With readers in mind.

Don't let clients or yourself break your richtext styles with unnecessary line breaks. And even if they are there, let's just delete them. 

Just add the small JavaScript to your project and add the attribute "clean-up" to each rich text element you want to clean up and that's it. 

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon: patreon.com/denniskarg

Rich Text Clean-up

Rich text clean-up

This is my personal Portfolio as an Interaction Designer. I tried a very clean dark look, with the focus on my projects and simple interaction.

Kai Erne Portfolio

Portfolio - UI / UX Designer

Show CMS based notifications on your Webflow website and if your users have hidden them, only show them again after X days. 

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon: patreon.com/denniskarg

localStorage Notification Bar

localStorage based Notification Bar

In the context of the Patreon profile launch of Dennis Karg, we are pleased to publish the reworked guide in version 2 for the Tectite Form Processor. Use native Webflow forms without having to compromise with regard to the GDPR by letting the free Tectite Form Processor / Tectite Formmail process the form data. Self-hosted. 

We hope the guide will help you with the integration much more than the early version. 

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work on Patreon: patreon.com/denniskarg

V2 Guide for the Tectite Form Processor [DE/EN]

Tectite Form Processor Guide V2

Weglot Workspace

We're excited to finally reveal our new brand identity and launch our new web design that reflects our mission to make it effortless to have a website in multiple languages. We worked with Call Bruno and Mazette.co to bring this concept to life and show visitors the impact of a multilingual website through our own.

Weglot - Production

Weglot Rebranding 2023

Ahoi Webflow Family,

Our next free community cloneable is primarily for those who develop websites with content that is sometimes adult - such as Blizzard's Diablo 4 website. We present a GSAP modal to verify the age of your users before a video can be loaded and played with the Plyr Video Player. 

Developed with vanilla JavaScript, GSAP, jQuery select2, Plyr Video Player & Custom CSS. 

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon: patreon.com/denniskarg

Video Age Gate

Landing page for my wife and photographer Tine Jurtz.

tinejurtz.de

Simple Photography Landing Page

Clean, minimal Website with Scroll Interaction!

fspiess.com

fspiess

We had the pleasure to work with Rick from the FinanzDad Company, who consults young families and expectant dads-to-be about their financial decisions. He makes family & finance fun!

We designed and developed the website in close partnership with Rick. To engage the page visitors and educate them about the different packages FinanzDad offers, we implemented VideoAsk. 

To keep the privacy of FinanzDad's audience safe, we've used Finsweets Cookie Consent for Webflow.

Live website here: https://finanz-dad.de/

[Make sure to check the live link, since custome code has been used and some functions won't work properly inside the iframe above]

Discover german websites built by the Webflow community

Discover german websites built by the Webflow community