A collection of awesome resources on all things building with Webflow APIs and Webflow Apps. In this hub, you’ll find example projects, articles and blog posts, video content, and more! These resources are built by and/or for our Webflow community.
Have a project or tooling you open-sourced to make building on Webflow easier? Maybe you wrote a blog post or article about your experience using Webflow APIs and building Webflow Apps? We’d love to add your content! Check out our contributing guide.
📋 Table of contents:
- ⭐ Webflow Overview
- 📖 Developer Resources
- 📚 Blogs and Articles
- 🎥 Videos
- 🛠️ Projects
Our vision is to build the world’s most powerful no-code development platform and bring development superpowers to everyone! In particular, Webflow’s developer platform lets you build powerful products for our rapidly growing community of Web Designers, Digital Marketers, Content Managers, and more. Whether you’re looking to build a Designer Extension that can interact with the Webflows canvas, or utilize flexible Webflow APIs to integrate core features such as the CMS, forms, and Ecommerce, we have a platform that allows developers to create powerful products for Webflow users.
- @xatom/wf-app-hot-reload - Vite plugin for Designer Extension devs that enables hot-reloading and resolving
/__webflowrequests. Built by xatom - webflow-app-monorepo - Template monorepo for Hybrid Webflow Apps using Svelte + Vite for the Designer Extension, and Cloudflare + Honojs for the backend. Built by web-bae
- Webflow App UI Kit 2.0 - Figma UI Kit providing App Developers visual foundations from the Webflow Design System
- Designer APIs - Webflow Designer v2 API documentation
- Data APIs - Webflow Data API documentation
- (Official) js-webflow-api - Webflow JS / TS SDK for convenient access to the Webflow Data API
- (Official) webflow-python - Webflow Python SDK for convenient access to the Webflow Data API
- (Community) Laravel SDK - Laravel SDK built by Storipress
- Powering Webflow Apps: How we Built the Designer APIs - Part 1 - How Designer APIs and Designer Extension Apps work
- Powering Webflow Apps: How we Built the Designer APIs - Part 2 - Optimizing performance of v2, bulk APIs, and best practices
- Building Data API v2 at Webflow: Part 1 - Webflow’s journey of auditing and launching a revamped API for 3rd party developers
- Setting up Webflow’s hybrid app example locally with Ngrok - Building a Hybrid App with Ngrok for local testing
- Webflow named Hubspot’s top marketing app in 2024 - Discover how marketing teams can start unlocking greater power with Webflow and Hubspot
- Building beyond boundaries: Enhancing Webflow’s capabilities with Apps - Enterprise Partner, Flowout, enhances Webflow’s capabilities and expands its revenue streams by building Apps for Webflow
- Introducing the next generation of Webflow Apps - Learn more about extending Webflow’s platform with Webflow Apps
- Discover the power of Webflow Apps - Webflow
- The Visual Div Podcast (Tim Daff, App Developer) - The Visual Div - Webflow Podcast
- Try These 5 Webflow Apps and Plugins Today - Uros Mikic | Flow Ninja
- The Webflow Apps I actually use - KC Katalbas
- Add AI to your Webflow builds with these Webflow apps - Webflow
- Introducing the Figma to Webflow App - Webflow
- Discover the secret ingredient in localization - Lokalize + Webflow Livestream
- Add AI to your Webflow builds with these Webflow apps - Webflow
- Build a Webflow App like the pros - Web Bae (Paid Course)
- fontawesome-icon-finder - Designer Extension built with Vite, React, FontAwesome SDK, and Apollo that serves an Icon library to use in Webflow Sites
- iframe-manager - Designer Extension to manage native iframe content in Webflow Sites
- cms-examples - Data Client App using the Webflow JS SDK to manage CMS collections
- cutsom-code-examples - Data Client App walkthrough on adding custom code to sites with various community-led examples
- page-analyzer-app - Data Client App built with Astro, using the Textgears and Groq APIs to analyze page content
- greenhouse-jobs - Custom code example using Greenhouse Jobs API to list open positions on a site
- Riveflow - Resource tool for showing how to use Webflow Custom Code with Rive assets and the Rive JS runtime to integrate interactive content in different ways (i.e., interactive buttons, scroll-based animations, cursor tracking, and more)