Do you find yourself creating the same layouts, elements, and pages over and over again in various projects? You can create a master project containing all kinds of elements — a library of content such as footers, calls to action, and so on.
You can also create template pages for blogs and even a template style guide. Learn more about copying and pasting between projects.
To create your own UI kit, create a project or a page on any project and style common elements or components there. Pasting this UI Kit to other projects will set up a number of classes ready for you to use in your new project. Watch the video for examples. Just clone the UI kit project to your account, then copy-paste elements into every new project to kickstart your next website with a clean style guide.
New feature: Copy and paste between projects
Can I Use? Data on support for the feature across the major browsers from caniuse. The Add Elements Panel gives you quick, visual access to the various elements you can add to your Webflow project. Learn how to use quick find to quicken your workflow and boost your efficiency as you create your Webflow projects. Learn about the body element, which represents a webpage. This is where you will add all your elements and content. There are three ways hierarchy is used in Webflow projects: How objects nest inside one another e.
Use symbols to manage recurring layouts and content more efficiently across your site. Copying and pasting between projects lets you reuse elements, layouts, styles, interactions, and other content to build sites faster. Copying and pasting common unstyled elements into a new project makes it easy to style HTML tags, which change the default way elements appear across a project.
In the Navigator can see the Hierarchy of elements. You can also select and move elements right inside the Navigator. Tutorials Elements Getting Started.
Thank you! Your submission has been received! Create a UI kit. This content will be updated soon! This video features an old UI. Updated version coming soon! Creating a UI kit To create your own UI kit, create a project or a page on any project and style common elements or components there. Browser support Can I Use? Related course. Related integrations and resources.DuncanHamra gmail. Most cloned projects since June Legowerk DarioStefanutto.
Cards 2. Responsive Ecommerce Template FoxyCart. Project Countdown GraphicOwls. Multi-Step Form SidneyOttelohe. The client's guide to the Webflow Editor johnmoorewilliams. Cards - Webflow UI Kit janlosert. The Minimalists Samus. Humaaans pablostanley. Sticky On Scroll DuncanHamra. Responsive Dashboard rileyrichter. Solar Wars vin.
AOline bags DarioStefanutto. Webflow Cookie Template vin. Responsive Flexbox 12 Column Grid kevinhoule. My Webflow Sandbox vin. Custom Hamburger Menus waldo. CSS only Parallax with Webflow vin. Side Scrolling with IX2 Azz. Growilla mat. Another Menu' Pt. Favorite Albums drewroper. Mook - A Free Agency Template timsby.
Creative Agency Template EvanJones. Quanto keejo. Epicurrence site rebuild waldo. Typing Text Typed. Leafee UI Kit timsby. Perfect Accordion GraphicOwls. The Burger animation zbrah. Parallax menu with transitions to other pages Bogette. NEW Slider Interactions! M S Brar joshwork.
Free file upload
Show more. New search Contact Subscribe for updates. Get the lastest cloneable Webflow projects in your inbox! Name Email Address.Enhance your websites and unlock all kinds of functionality.
Find and embed plugins and widgets. Browse Webflow templates. Get free and premium images, videos, and other assets for your site. Explore various other resources. Integrate third-party widgets with custom code. Use Collection Fields in these custom codes to dynamically generate unique widgets per Collection item. Thank you! Your submission has been received!
Analytics and targeting tools. App integration and task automation. Authentication tools. Calendars and scheduling. Cloneable resources. Content Marketing. Customer engagement. Email hosting services. Email marketing. Event Management. Faceted navigation. Legal compliance solutions. Memberships and user login. Migration tools. Music streaming. Office suites. Payment processing. Plugins and integrations library. Quizzes and interactive stories.
Social media. Add a Webflow Chat Plugin to your website without coding or headaches. EmbedSocial allows you to embed online reviews and Facebook, Instagram, or Twitter albums.
Easily add a beautiful store locator to your Webflow website, fully customizable and with analytics. Calculators, Quizzes, Chatbots, Surveys, and Forms. Save new leads from Outgrow in Webflow.
Google analytics is one of the most powerful web analytics platforms on the web.As technology is making it easier to build and launch an ecommerce store, making sure you stand out from the crowd is becoming more important than ever. And by standing out from the crowd, we mean creating a website that is unique to your brand.
All of the templates we are about to present in this post are built entirely with Webflow Ecommerce. Meaning, you have full control over every aspect of the design — from product page to checkout. If you want to add a different section to a certain page, browse our cloneable assets in the Webflow showcase and simply copy and paste elements into your website design.
And rest assured, all of these templates are designed with web best practices in mind. Design, branding, and marketing are becoming more important than ever.
Maybe you have a band. Or make beats. Whatever music you create, you want people to hear it. NextUp by Webflow designer Daniel James gives you a music-focused ecommerce theme to embed audio and video, as well as sell concert tickets and products — great for sharing on social media.
With well-organized page layouts, big blocks of text, full-width images, animated transitions, micro-interactions, and even a subtle scroll-triggered parallax effect on the hero image, NextUp looks great. You want to get your new music and news to your audience quickly and easily.
All of the content for new releases, shows, music videos, music, and press kits has CMS templates already set up, which saves you so much time in adding and managing these different pieces. Being a musician also means marketing yourself and your work. NextUp gives you a fantastic ecommerce platform to get your music out there and grow your audience.
Productoswith its gentle color scheme, smooth animations, and ample space, has an easy flow. It offers plenty of room to show off your products in this trendy and uncluttered ecommerce template. You can always swap out the colors to better represent your brand, but the default color palette is such a delight to look at. Fouroom designed this multipurpose template with an eye for a warm, yet uncomplicated, aesthetic. And remember, all of the ecommerce templates in our online store have responsive layouts, take care of the ecommerce backend intricacies, and give the visual tools you need to add to and customize the design.
We even have a number of free ecommerce websites available for those on a budget. The Productos ecommerce template is built around a fictional yogurt company — with subtle interactions and animations.Flowbase is the largest Webflow resource site for Webflow Experts and Beginners.
Avast is a unique and modern Webflow template with a focus on super modern and clean design. Cardly is a clean and modern Webflow template providing the ultimate solution for your Finance or SaaS business.
The Forest component library is the fastest way to build and deploy websites with Webflow. Modern multi-step form with custom step counter and checkboxes. New styles coming soon. Updates for life. Follow us on webflow, submit your details, then we transfer a sweeet product! Find what your looking for below, curated content so you can build better. Follow us on Webflow for the latest updates! Follow on Webflow. A Project Section That Slaps by. Custom Slide Animation by.
YouTube Clone - NoCode. Video by. Brutalist Navigation by. Interactive SVG morth by. Architecture Slider by. Architecture Template by. Pricing Component by. Project Quote Button by. Cloneable Navigation 02 by. Cloneable Navigation 03 by. Product Slider by. Testimonial Component by.
Webflow Counter Section by. Webflow Cloneable Navigation by. Cloneable Dark Template by. Cloneable Light Template by.
Cloneable SaaS Template by.Landing page tutorial — Brands wrapper responsiveness (Part 5 of 12)
Cloneable Start-up Template by. Next Place - Job portal by. Osiki Wireframe by. Appure Landing by. Lead Generation Template by. Carbon Components by. UI Web Kit by. Ridge Interface Kit by. Cards Webflow Kit 2 by.Look no further than the Webflow community of talented designers. Many have created cloneable websites filled with components, styles and shortcuts that can use to help you kick start your next project.
Here is a collection of some of the best cloneable Webflow websites from the community. This template is a leaf inspired UI kit. Comes with pre-designed navigational menus, basic typography styles, link styles, blog elements, author sections, contact forms and more.
Very cool template for creating interactive web design proposals for clients. Features proposal templates for redesigns and commerce websites. The proposals feature Webflow interactions and animations to create a dynamic interactive experience that will help your project stand out. This simple cloneable template features an unique take on the one page design trend. Clicking the arrows on the changes the screen view to see another section of the website.
New to design? Clone it to play around with making your own styles to match their examples. This slick, one page creative agency template for Webflow features a wide layout, a fullscreen image slider and a portfolio gallery with built in hover interactions. A simple, clean contact me page template featuring a business card inspired design. Excellent starter template for an agency or freelancer site. This clonable hair and spa website template features a fullscreen homepage slider, perfect for showing off high resolution images.
Also features e-commerce integration using Selz product widgets. This one simple one page template is perfect for showing off an app or digital product. Features flat design and subtle transitions and Webflow interactions. This site uses Webflow's 3D transforms to add an interesting navigation interaction effect. Click the red hamburger menu to see it in action.
Very slick. Finally, my starter styles guide template is designed to help you quickly create a basic digital style guide and starter point for your next project. Download the accompanying guide to help you get started fast. Free Website Review Looking for custom strategies to improve your website?Build better business websites, faster.
Without coding. Build completely custom databases for dynamic content types, including online stores. Easily create immersive interactions and animations. Webflow Hosting handled it without a hitch.
It's allowed them to create their most important asset in a better, cheaper, and faster way. Metadata controls, automatic XML sitemaps, easy redirects, and canonical tags. Connect your marketing tools with built-in integrations and the flexibility of custom code. Easily create and update pages — right on the page, with the Webflow Editor. Our University, blog, and showcase give you the education, insights, and inspiration you need to succeed with Webflow — and as a business.
Browse hundreds of in-depth videos, courses, and guides to get up and running fast.
Explore our blog detailed articles on trends, inspiration, and best practices. Get inspired by the incredible websites built by members of the Webflow community.
Interactions Build website interactions and animations visually. CMS Define your own content structure, and design with real data. Ecommerce Goodbye templates and code — design your store visually. Editor Edit and update site content right on the page. Hosting Set up lightning-fast managed hosting in just a few clicks. Why Webflow. Who uses Webflow. Customer stories. Log in Get started — it's free.
Log in. Break the code barrier Build better business websites, faster. Get started — it's free. Build Build production-ready experiences without coding.