Twitter Card Embed

Twenty prebuilt CSS button hover effects to allow you to easily add button hover effects without complicated Webflow interactions. These include a number of unique effects such as marquee text on hover, fade in and fade out, 3D expanding effects, chat widget buttons, rotating and much more. You can add these to your Webflow site by copying the HTML embed with the relevant CSS scripts for the button effects that you want. Add the custom css class to your buttons and you'll immediately be able to view the button effects within Webflow designer. This makes for easy, and lightweight buttons that provide fun effects without the headache of interactions or complicated hover states.

Here's a way to add TikTok videos in a slider with Finsweet client first naming conventions driven by Webflow native CMS. Adding videos could be automated with Make/Integromat or Zapier with the creation of new items in the slider from this collection. This uses the CMS to drive the videos and uses Client-first CSS classes.

Add an infinite horizontal marquee to your Webflow site using only HTML & CSS. Building infinite marquees with Webflow interactions can be difficult and confusing. This solution allows you to easily add a horizontal marquee to your Webflow site using HTML embeds or Webflow's custom code. The infinite marquee is lightweight and allows you to customize the direction, as well as the speed at which the marquee is displayed on your site. Skip the confusing calculations typically required for native Webflow interactions and add an infinite Webflow horizontal marquee to your site in seconds.

Create a popup iframe modal in Webflow easily with this cloneable. This cloneable allows you to you easily create a popup modal of an iframe URL, perfect for portfolios or pages in which users do not need to navigate to another page. Keep users engaged and on your site while allowing them to preview portfolio sites and other similar projects.

Unfortunately Webflow's native component switches between tabs can be rough on the eyes and somewhat jarring. Using a bit of CSS this cloneable allows for a smooth transition between tabs with visual images by using a small snippet of CSS to override the default tab transition making for a milky smooth transition.

20 predesigned CSS link hover effects perfect to copy and paste on your next Webflow project. Each individual text link hover effect includes its own CSS for the hover effect. Simply add this to a custom HTML embed or to your sites custom code section. Effects include strikethrough, double underlines, scramble, moving in from both sides, growing and much more. A simple way to easily enhance your sites experience through simple, micro interactions.

A fully dynamic hero slider that's responsive and includes a vertical slider that switches out the primary heros image. This was built entirely with Webflow, some CSS and Webflow's native interactions. At the top you'll notice a horizontal marquee, this is powered by custom CSS which you'll find via an HTML embed. You'll also notice an extensive use of Webflow native sliders and a variety of individual interactions for each slide change associated with each and every slider. A very extensive use of Webflow sliders and interactions. This hero slider does not use custom code within the page settings so you'll want to dive into the HTML embed and then the Webflow interactions which make this entire thing possible.

Add a cookie consent to your Webflow site in no time. Here are 5 different designs for a cookie consent with working codes attached at the bottom of the page.

Add Trustpilot reviews to your Webflow site with this premade Trustpilot review slider. This slider was built using Finsweet's client first and uses only SVG images for the icons. A great way to add testimonials and reviews to your Webflow site.

Here's a way to add TikTok videos in a slider with Finsweet client first naming conventions driven by Webflow native CMS. Adding videos could be automated with Make/Integromat or Zapier with the creation of new items in the slider from this collection. This uses the CMS to drive the videos and uses Client-first CSS classes.

An Instagram feed embed design for Webflow. Add an Instagram styled feed slider embed to your Webflow site that utilizes Webflow's native CMS system. Tie this into a tool like Zapier and you could automate your Instagram feed to your Webflow site without adding bloated third party JS libraries.

A free widget to display your customers Trustpilot reviews and feedback, or other feedback and reviews to your site via a slider element.

Tabs can be a pain to create in Webflow. With this cloneable you can get started building your tabs faster and built on top of the client first system by Finsweet. A perfect way to add tabs to Webflow quickly and easily.

Add Twitter tweet cards to your Webflow site with this free cloneable. This cloneable recreates the basic design of a Twitter card to allow you to add testimonials, tweets and other Twitter related cards to your Webflow site. Add this to something like Integromat or Zapier and you could automate new tweets to your site. The benefit to this is that you can reduce the load time of your site be not calling the external Twitter embed JS library.