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

New cyberspace transmission detected. Please intercept and initiate visual scan...

The concept behind this website is that you 'Add to Cart' the different web elements you require to build your new website before checking out to open the contact form. No real products or transactions involved! The 3D images are modeled and rendered in Blender. Also includes a Sketchfab embed to view the 3D model. Thanks for looking! :-)

Web Elements

Web Elements 3D

In celebration of cross-site copy/paste! - Pre-built elements and interactions for use on new projects. Film 4 style page transitions. Thanks for looking! :-)

Artefact

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

Antonio's Amazing Experimental Project

Let Your Brand stand out from the crowd.

I made this because I felt like I was always searching for these individual custom share buttons in differnt forum posts and showcase projects and I wished they were all in one place, made right. 

Here they are with proper formatting to pop up a small minimal share window. 

I hope this helps someone!

PS. For Pinterest, you'll need to include a small script in the head code of your site or page you want to use it on. You can see this in the comment.

Here is where to get the font awesome fonts. www.fontawesome.com/download

Social Share Buttons

Dynamic Social Share Buttons

A tutorial how you can quickly give any element in Webflow a magnetic effect. This is known especially from buttons of all kinds and is easy to implement with just one interaction, which you can then apply everywhere via a CSS class.

Tutorial: 
https://youtu.be/1iFp2iOq5pI

Magnetic Button

Easy Magnetic Elements and Buttons | Template

**Coming Soon** SLIDERS - 3 complete however just waiting to implement them on their own page. 17/05/2021

Since using webflow and creating a few websites with it, I have never looked back. Often do I find myself looking at the UI/UX of a website instead of what I actually wanted to go on there for and wondering if I can recreate hand coded elements wight here in the designer. 

So with that I created this animation playground where I like to adapt, re-create or create my own element animations.

I update this as often as I can so you may need to pop back every now and then for some new content.

This currently has;

- 10 Hover buttons
- 2 Click buttons
- 1 Circular hover buttons
- 1 Scroll down animations
- 6 Nav link styles
- 1 Set of tabs 
- 2 search bars
- 5 Social media button styles
- 2 Text Animation
- 2 Contact card styles
- 5 Blog card styles
- 3 Product card styles
- 1 Product page styles

Please leave a like
or leave a comment of what you would like to see more of :)

The Animation Playground

the-animation-playground

Coming soon Landing page

Check out the photos with the tape, they are all divs ;)

UPDATE 18 April 2022
The modal now is fully accessible

UPDATE 29 April 2022
I realised that I forgot to design the 404 page. Well, that's fixed now! 😁

Herboratum - ClientFirst

Herboratum Greenery

I thought the Webflow community needed a solid collection of beautiful design elements to explore and be able to copy and use. Let me know what you like/dislike and what you think should be added!

Design Elements

This is a simple newsletter input, which will pop up a data privacy notice if the input is active. Link it to your Mailchimp or whatever and have fun with it.

Sign Up Form // GDPR-Checkbox on active Input

A Webflow assets directory template. Feel free to use this clone-able for any new additional elements you create, the existing pages are now your playground. This kit was designed to be used as a documentation / copy-and-paste tool. No restrictions apply.

We would like to send a warm thank you for taking time out to take a look at what we have to offer the community. This assets directory inspires to become more organized and to prototype/develop more rapidly with Webflow's copy-and -paste features. 

Re-Cloning Structure Credits to Ryan Morrison from Webflow

Ultimate - Web Asset Directory (Template)

Ultimate - Webflow Assets Management Directory

The JUNGE KUNST FESTIVAL of the 48 Stunden Neukölln, took place this year for the eighth time from June 18 to June 26. Every year it attempts to show a whole range of creative and artistic work by children, young people and young artists*, which particularly reflect the diverse and international Neukölln.

JungeKunstNK

jungekunstnk

I created this UI element in order to test interactions before I begin creating my whole template website.

Discover elements websites built by the Webflow community

Discover elements websites built by the Webflow community