We’re enthusiastic about using Webflow for website creation because of its speed and simplicity. The constant discovery of novel features, innovative templates, and the depth of learning it offers make it a tool we adore. Consequently, we’ve compiled a list of exceptional Webflow resources that can enrich your experience crafting websites with this remarkable platform.
Let’s dive into these resources and explore how they can benefit your projects.
In this piece, we’ll delve into both gratis and premium resources for Webflow. Beyond the well-known options offered by Webflow itself, we will explore a variety of tools, templates, and resources from other esteemed platforms. Here’s a brief rundown of all the resources mentioned in this post.
- Webflow Showcase
- Webflow University
- Webflow Forum
- Memberstack
- Optily
- Jetboost
- Zapier
- Hubspot
- Lottieflow
- Udesly
- Flowmingo
- F’in sweet CMS Library
- Flowbase
- Tenten
- Tendemy – Webflow Academy (Chinese)
Webflow Showcase
Webflow Showcase is Webflow’s official gallery where you can explore the creations of other Webflow users, ranging from enthusiasts to professionals. This lively community space features many animations, interactions, templates, and projects related to CMS, e-commerce, portfolios, and more, with some projects being genuine masterpieces.
While numerous projects serve as inspiration, select works are labeled as Cloneable. This allows you to replicate the entire project for your experimentation in Webflow, offering a splendid opportunity to uncover what Webflow is capable of, particularly for newcomers to web development. Cloneable websites are available at no cost.
Following specific creators can keep you informed about their latest contributions.
Our team has shared some projects on Webflow Showcase, including:
- Connecting Hubspot to Webflow — This project doubles as a tutorial demonstrating four critical methods for integrating Hubspot with Webflow, complemented by an informative video.
- Webflow CMS Sliders with Swiper JS — Discover our collection of eight sliders, ready for your next project, easily linked to your CMS.
- Our Webflow Style Guide — Inspired by our successful projects, we’ve crafted a unique Webflow style guide available for exploration on Webflow Showcase.
We encourage you to explore the creations of other talented designers, such as:
- Cards – Webflow UI Kit — An excellent UI kit featuring typography elements, icons, tags, buttons, and more for those looking to include stylish cards on their sites.
- 20 CSS Button Hover Styles — A compilation of hover styles to enhance interactivity on your site.
- Headline Highlight — A straightforward highlight effect for website headlines.
- Motion Hover Effect — An exquisite hover effect that combines with distorted images.
Webflow University
Whether you’re a fan or not, the finest resources for mastering Webflow come directly from the source. Their Webflow University section offers an array of free courses and tutorials designed for anyone eager to grasp the fundamentals and become proficient with this renowned website builder. It boasts hundreds of instructional videos spanning nearly all the tools and functionalities Webflow offers.
Courses are systematically organized into beginner and advanced levels. Individual lessons are also sorted by the features they address, such as elements, layout & design, interactions & animations, among others, allowing you to pinpoint precisely what you need to learn.
Here are a few tutorials from the university we found particularly enlightening:
- Keyboard shortcuts in Webflow — Enhance your efficiency in Webflow with these timesaving keyboard shortcuts.
- 21-day design portfolio course — This comprehensive course guides you through creating your first portfolio website with Webflow in just 21 days, covering basic and advanced features.
- Figma to Webflow — Understand the transition from design in Figma to implementation in Webflow.
- CMS & dynamic content — Dive deep into Webflow’s CMS to learn how to craft custom sites with dynamic content, from structuring to styling your content.
- CSS Grid in Webflow — Master using CSS Grid within Webflow to create responsive designs quickly and efficiently.
Webflow Forum
The Webflow Forum is a vibrant community hub for showcasing work, seeking advice, and exchanging help with other Webflow aficionados. It caters to all skill levels, offering insights on design, custom coding, Webflow SEO practices, and beyond.
The forum’s intuitive search functionality makes finding discussions relevant to your queries easy.
A standout section is Show & Tell, providing a platform for users to present their projects and gather feedback from the community.
The forum includes diverse categories such as:
- Show & Tell
- Layout & Design
- Interactions and Animations
- CMS & Dynamic Content
- E-commerce
- SEO
- Custom Code
- API & Automation
- Integrations
Memberstack
Memberstack is a specialized tool for creating membership-based websites. It integrates seamlessly with Webflow to deliver top-notch results. However, it’s worth noting that Webflow is currently testing its membership site feature, which may offer a more integrated solution once fully launched. In the meantime, Memberstack stands as a strong alternative.
Optily
Optily offers a straightforward solution for optimizing your Webflow CMS images without compromising quality. The highly automated process can reduce image data usage by up to 80%, making it an invaluable tool for sites heavy on visuals. This can save significant time that would otherwise be spent on manual optimization.
Optily operates on a credit system where you can purchase 2,000 credits for \(29.00 or 15,000 for \)99.99.
Jetboost: Your Webflow Power-Up
Dubbed as a companion for Webflow, Jetboost enhances Webflow with advanced capabilities. It introduces ‘boosters’ such as real-time list searching, dynamic filters and sorting, sophisticated pagination, and various CMS functionalities, including item favoriting, auto-archiving, and CMS-powered lightboxes.
Jetboost’s complimentary offering is tailored to webflow.io published sites, supporting up to 5,000 monthly visitors. Pricing is \(19 monthly for basic functionality tailored to smaller sites sans CMS capabilities. The preferred plan is priced at \)39 per month, with the comprehensive Ultimate plan available for $149 monthly when opted annually.
Zapier: The Automation Wizard
Zapier is an automation powerhouse, facilitating seamless integration between multiple applications to streamline processes without requiring coding skills. While not exclusive to Webflow, it’s a favorite among Webflow developers for its efficiency in automating repetitive tasks. Its user-friendly interface enables you to effortlessly create "zaps" that instruct apps on their actions.
Zapier offers a free tier for up to 100 tasks per month, with premium plans scaling to $599 monthly, depending on your project’s demands.
Hubspot: Inbound Marketing Mastery
Hubspot, renowned for its inbound marketing prowess, is utilized by countless businesses worldwide. It boasts an array of tools designed to enhance your business promotion and lead-generation efforts.
Although not a direct Webflow integration, Hubspot can be linked to Webflow, enabling a powerful synergy. Our comprehensive free guide explores various methods for connecting these two platforms.
Lottieflow: Animating Webflow with Ease
In the realm of Webflow, animations and interactions play pivotal roles. Lottieflow provides Webflow-compatible Lottie files, allowing for the integration of lightweight animations tailored for Webflow sites. Implementing these animations is straightforward, enhancing your site’s visual appeal at no extra cost.
We frequently incorporate these animations into our web projects. Below are some of our top picks for animations and interactions:
- Menu nav animations
- Checkbox animations
- Social media animations
- Success sign animations
- 404 animations
Udesly: Bridging Webflow and More
Udesly equips Webflow designers with the means to effortlessly transform their designs into templates compatible with WordPress, Shopify, Jamstack, and Ghost, thanks to a simple Google Chrome extension. Moreover, Udesly’s dedicated studio offers services to convert Figma or XD designs into Webflow or to port your Webflow projects to other platforms manually.
Offering unlimited conversions, Udesly’s free plan caters well to designers. However, for those wishing to remove the “Made with Udesly” badge, a premium plan starting at €99,00 per year is available.
Flowmingo: Elevate Your Webflow Skills
Flowmingo positions itself as a unique platform offering Webflow training and template resources. Its standout feature, the Mini Projects section, comprises concise courses designed to be completed in under an hour, each aimed at teaching dynamic Webflow functionalities. While the platform’s template offerings are modest, focusing more on instructional content, they complement the courses well.
Access to Flowmingo’s courses, including lifetime entry to all tutorials, projects, and community, is priced at \(450. For those seeking more personalized guidance, a \) 650 lifetime access option includes a one-on-one session with a Flowmingo expert for tailored assistance or feedback.
Mackenzie Child, the brain behind Flowmingo, also shares his expertise on YouTube, where he has garnered a following of over 68,000 subscribers. His channel, focusing on web design and Webflow tutorials, offers valuable insights for Webflow enthusiasts. Among his popular uploads are:
- Understanding Wireframing: Its Purpose and Process
- Designing a Professional Agency Landing Page
- Creating a Membership Site with Webflow (Incorporating Webflow, MemberStack, Airtable, and Zapier)
Finsweet’s CMS Library
Formerly known as F’in sweet, Finsweet offers a comprehensive library dubbed Attributes, which houses an array of JavaScript plugins designed to enhance the capabilities of Webflow. Within Attributes, users can explore functionalities such as CMS Sort, CMS Filter, and CMS Load, among over 36 other plugins, significantly expanding the potential of Webflow projects.
Tenten: Your Gateway to Webflow Excellence
Tenten not only delivers expert Webflow services but also provides an array of essential Webflow resources. From free tools to premium templates, Tenten aims to jumpstart your Webflow journey, making the website building process more efficient. Committed to the education of Webflow users, Tenten offers a selection of both free and premium Webflow guides alongside a dedicated Webflow blog that covers all things related to the platform.
Explore some of Tenten’s free resources:
- Webflow Showcase
- Webflow Document – Chinese
- Webflow Clonable by Tendemy
- Clinefirst by Tenten
- Webflow Pre-launch Checklist
Conclusion
The Webflow community is rapidly expanding, a testament to the platform’s innovative approach. Consequently, a growing repertoire of invaluable resources encompassing various free and premium options is awaiting discovery.
We’ve highlighted some current favorites in this overview. Beginners in Webflow might want to start with Webflow University and other educational materials directly from Webflow. Meanwhile, seasoned users might find the additional resources we’ve discussed equally enlightening.
Are you already working on a Webflow project? Reach out to our team to discover how we can elevate your project.
Looking for professional design and development for your website? Contact us, and let’s bring your vision to life.
FAQs
Where can I find the best free Webflow learning resources?
Webflow University is an exceptional free resource, offering a wide range of video tutorials from the basics to more complex Webflow functionalities. The Webflow Forum is another great place for insights from fellow Webflow enthusiasts. For no-cost templates, UI kits, and enhancements, Tenten’s free offerings or Lottieflow for animations are worth exploring.
How can I add more capabilities to my Webflow website?
Integrating Webflow with tools like Jetboost can bring real-time search and dynamic filtering to your site. Zapier facilitates automation between Webflow and other applications, enhancing efficiency, while Memberstack allows the creation of membership-based websites.
Where can I seek inspiration for my Webflow designs?
The Webflow Showcase is an excellent source of inspiration, displaying projects from talented designers worldwide. Additionally, the ‘Show & Tell’ section of the Webflow Forum is brimming with innovative projects shared by users.
Is it possible to combine other design tools with Webflow?
Tools like Udesly enable converting design files from Sketch, Figma, and Adobe XD into Webflow-compatible formats. Moreover, Figma has introduced a dedicated Webflow plugin, further streamlining the design-to-web development process.