Dynamic code components
for Webflow.
Flowbits is a premium library of meticulously crafted and ready-to-use React components that sync to your Webflow project via Devlink.
Install logic-only React components, sync with Devlink and style everything exactly how you want in the Webflow designer.
What are code components for Webflow?
Webflow's code components lets you drop React components directly into your project via Devlink.
This platform provides a library of ready-made code components built for immediate use in any Webflow project.
What we call Dynamic code components are React components that handle purely logic — giving you complete freedom to style a thumbnail gallery, infinite slider, or filtered list however you want in Webflow.
A good code component is a Dynamic code component.
View documentationHow it works
Setting up your React environment
Set up your local development environment to create and share React components with Webflow or use our boilerplate CLI which will supply you with everything you need.
To use our boilerplate, type this command in terminal:
$ npx install flowbitsImport components
Import our components into your personal library via CLI (or alternatively download the source code containing the component)
Example:
$ npx flowbits add thumbnail-galleryPush to Webflow
Now simply push to Webflow by using Devlink as standard.
$ npx webflow library shareStyle freely
Now that your library is ready to use, simply throw in the component on your page and configure props as needed.
Flowbits components will handle logic of relevant wrappers and are built for flexibility in design.
Ready to build?
Get started with Flowbits