ConvertexExternal Scripts
Many modern designs use JavaScript libraries for animations, carousels, scroll effects, etc. Convertex automatically detects these libraries and includes them in the conversion result so they work in Webflow as well.
How It Works
Convertex analyzes your code (HTML, CSS, and JavaScript) and looks for patterns indicating the use of known libraries: specific class names, function calls, CDN links, etc.
Automatic Detection
When you paste your code, Convertex automatically identifies the libraries in use among the 30+ it recognizes.
Review in the Scripts Panel
Open the Scripts Panel (icon in the top bar). You will see the list of detected libraries with their name, version, and CDN link.
Enable or Disable
Each library can be enabled or disabled individually. If a library is detected by mistake, disable it.
Inclusion in the Result
When you click Convert, enabled libraries are included as <script> and <link> blocks in the result, in the correct order (CSS before JS, dependencies before dependents).
Automatically Detected Libraries
| Category | Libraries |
|---|---|
| Carousels | Swiper, Splide, Flickity, Slick |
| Animations | GSAP, AOS, Anime.js, Motion One |
| Scroll | Lenis, Locomotive Scroll, ScrollTrigger |
| Interface | Alpine.js, Barba.js, Tippy.js |
| 3D & Visual | Three.js, Lottie, PixiJS |
| Utilities | Lodash, Day.js, Axios |
| Forms | Finsweet Attributes, JotForm |
Adding a Library Manually
If your design uses a library that Convertex does not detect automatically:
Open the Scripts Panel
Click the Scripts icon in the top bar.
Add the Script
Click Add Script and paste the CDN URL of the library.
For example: https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js
The Script Is Saved
The script is added to the list and will be included in future conversions for this project.
Scripts (both detected and manual) are saved per project. Each project can have its own list of scripts.
What Does It Look Like in Webflow?
After pasting into Webflow, the scripts appear as Embed elements in the Navigator. They contain the <script> and <link> tags needed for the libraries to work.
The scripts run normally on the published site. They are not visible to visitors. They simply power the animations and interactions behind the scenes.