This is a simple example of how to use a Dropdown element as an Accordion.  Long text in the Dropdown toggle is set to wrap with the Breaking property in Typography set to Normal.

Simple Accordion using Dropdown Element

A quick example of a way to style vertical text without using a rotate transform

Vertical Type Styling

This is just a quick example of how pagination buttons can be positioned using absolute position

Pagination Buttons Absolute Position Example

Sample section rotating Out of View interaction using While Scrolling in View trigger type.

Rotation Sections on Scroll

Here is an example integration of jQuery.Lazy for lazy loading background images powered by CMS.  

jQuery.Lazy: http://jquery.eisbehr.de/lazy/

Here are some good resources:

Using custom code in the head and body: https://university.webflow.com/article/how-to-add-custom-head-and-body-code-to-a-webflow-site

Using custom code in an embed component on the page: https://university.webflow.com/article/embed

Webflow does not typically provide support for custom code integrations, a good resource to get help is on the code help pages: https://forum.webflow.com/c/publishing-help/custom-code

Lazy Load Background Images

This is an example integration showing how to add DataTables to your Webflow Project

Learn more about DataTables here: https://datatables.net/examples/basic_init/zero_configuration.html

Here are some good resources:

Using custom code in the head and body: https://university.webflow.com/article/how-to-add-custom-head-and-body-code-to-a-webflow-site

Using custom code in an embed component on the page: https://university.webflow.com/article/embed

Webflow does not typically provide support for custom code integrations, a good resource to get help is on the code help pages: https://forum.webflow.com/c/publishing-help/custom-code

DataTables-Webflow Example Integration

This is an example integration of Bigfoot Footnotes using CMS.  Set an id for your footnote in the footnotes collection and use a custom embed widget for the markup.

See bigfootjs here: http://www.bigfootjs.com/

Here are some good resources:

Using custom code in the head and body: https://university.webflow.com/article/how-to-add-custom-head-and-body-code-to-a-webflow-site

Using custom code in an embed component on the page: https://university.webflow.com/article/embed

Webflow does not typically provide support for custom code integrations, a good resource to get help is on the code help pages: https://forum.webflow.com/c/publishing-help/custom-code

Bigfoot Footnotes using CMS

Here is a quick example out to use a video embed from Vimeo as a background video, all controls for the video are disabled and the video is set to loop.

Change the Video ID in the embed code to the ID of your video on the static page, or use the CMS version and create a field in your CMS for the video ID.

You might also use this code to create a custom vimeo lightbox, there are different use cases.

Example Vimeo BG Video Static or CMS

This is an example of a simple content gallery using CMS and using interactions to create a simple lightbox effect.

Simple Content Gallery - CMS

This is a simple example of a dynamic table in Webflow.

Simple Table using CMS

Here is a simple example how to trigger a Tap trigger interaction via a jQuery click event.  When the button with class "Click Me" gets clicked, the code will click the element having the class "Target".  The custom code is in the Before Body section of Custom Code in Home page Settings.

Help for custom code is available in the Forum: https://forum.webflow.com/c/publishing-help/custom-code

create-a-click-event

Some groovey animated background tiles using IX2

Groovey Tiles

Animals Scrolling

This is a simple example of a show/hide navbar scroll interaction.

Navbar Show/Hide Interaction on Scroll

Simple example how to connect a link block with a click event to trigger the GoBack method to go back to previous loaded page url.

Go Back

Here is an example layout to create a scrollable, CMS Menu list of collection items setup as individual sections.  

A little custom code allows for dynamic smooth scrolling to a cms item linked on the same page, similar to regular section scrolling.  

Webflow supports using Custom Code either in the Head/Body or via the Custom Code Embed widget.  It is also possible to use Collection Fields in custom code embeds, making code embeds dynamic.

A really good source of info on using different third party integrations is on the Webflow Integrations page.

Webflow does not provide direct help with third party tools/integrations from our support desk, however there is help for integrations on our code help pages in the community at https://forum.webflow.com.

Smooth Scroll CMS Menu

This is an example project using a tabs widget plus a little custom code in the head to trigger the tab link on hover.  IX2 is used to animate the tab links on Tab content panes coming into view and out of view.

Note you can adjust tab transition timing in the tab link slide in/out interaction.

Change Tabs on Hover

Here is an example popup retrieving a collection page into a Modal popup using Ajax javascript.

The ajax will only load collection pages on the same domain.

Help with this example or other custom code is here: https://forum.webflow.com/c/help/code-help

Cheers!

Dave