Discover the best refokustools websites created by professional designers. Get inspired and start planning your perfect refokustools web design today!

Refokus

Use Refokus Rich Text Booster to add Classes, IDs, or Custom Attributes to rich text elements in Webflow so you can style text, anchor to it, add animations, add custom functionalities, and more.

Refokus Rich Text Enhancer

Rich Text Enhancer (by Refokus)

How do you create custom sliders in Webflow?

Use Refokus Slider Generator to create custom sliders with static elements or CMS collection lists. This tool is powered by SlickJS, allowing you to use all of this slider flexibility without writing a line of code.

Refokus Slider Generator

Slick Slider Generator (by Refokus)

How do you add CMS Filters in Webflow?

Use this Refokus Tool to create one or more filter sets (also possible as individual CMS Collections) to filter results on a CMS collection list. The core is based on the core form elements (Input, Dropdown, Checkbox, and Radio Buttons) with which you can create any type of filtering UI, such as toggles, tags, tabs, switches, and anything else you can visually imagine!Additionally, the input element can be used to create live search filtering results on the collection item.

Refokus Tools: CMS Filters

CMS Filters (by Refokus)

When we integrate #gsap with Webflow for high-performance animations, we are pushed to create design prototypes (Figma, Principle, etc) to hand off animation guidelines for our development team to implement, kind of how it was in the old days.

Clearly, there was some refokus-ing to be done with this process. That's why we started to create playgrounds where our designers can play with variables visually and share the code directly from there. 

GSAP Text Animator by Refokus

Refokus Tools it’s a collection of tools for Webflow created by Refokus (yes, us!) that range from small boosters that improve a specific Webflow’s functionality (like CMS load more) to bigger features built from scratch (like CMS filters).

One of the biggest misconceptions of no-code is that you are limited to the tool you are using, and that code is not part of the equation. We challenge this every single day at Refokus by building on top of Webflow, pushing the boundaries of no-code even further. These tools are our own toolset of internal resources to run a successful digital agency.

Refokus tools

Refokus Tools

How to add CMS Tabs in Webflow?

Use Refokus CMS Tabs to create powerful tabs where the tab menu and content are managed from a CMS collection.

CMS Tabs

CMS Tabs (by Refokus)

How to add social share buttons in Webflow?

Use Refokus Social Share to add social share buttons for Twitter, Linkedin, and Facebook in Webflow.

Documentation: https://www.webflow-tools.refokus.io/tools/social-share-button

Refokus Social share

Social Share (by Refokus)

How to add Page Transitions in Webflow?

Use Refokus Page Transitions in creating custom page transitions to improve your ​​website navigation and user experience, creating visual continuity between pages.

Refokus Page Transitions

Page Transitions (by Refokus)

Refokus is a full-service Webflow agency, designing and developing brands and websites that empower growth. We partner with ambitious brands to create meaningful connections, push boundaries, and grow together.

Refokus 2022

How do you add a Time to Read calculator in Webflow?
Use the Refokus Time to Read tool to calculate the total read time of a text element or rich text element and display the calculated time dynamically within Webflow. 

Refokus Time to read

Time to Read (by Refokus)

How do you add a Copy to Clipboard button in Webflow?

Use Refokus Copy to Clipboard tool to create a button that will copy any piece of text, including links, to the clipboard. This tool is great for when you want to allow the user to copy blocks of texts, or URLs, or even color codes from a styleguide.

Refokus Copy to Clipboard

Copy to Clipboard (by Refokus)

How to add CMS Load More in Webflow?

Use Refokus Load More to extend Webflow’s pagination adding a Load More Button on your CMS lists.

Refokus CMS Load More

CMS Load More (by Refokus)

How to add CMS Prev/Next Navigation in Webflow?

Use the Refokus CMS Prev/Next tool to show the next and previous CMS collection items. This tool is incredibly useful for showing the next article on a Blog CMS Template, or on a case study CMS Template.

Refokus Next Prev

CMS Prev/Next (by Refokus)

How to add Masonry Layout in Webflow?

Use Refokus Masonry to create a Masonry Layout (Pinterest Style) that’s also fully responsive!

Refokus Tools - Masonry

Masonry Layout (by Refokus)

Memberstack

Hey everyone!

Here's a free job board home page cloneable from our Job Board UI Kit, complete with a masonry grid job list + Refokus filters.

Enjoy!

Job Board Home Page

Free Job Board Home Page Template

Use this template to easily make a local directory business for any locale/niche that makes sense for you!

Monetize it with sponsors, gated content, and more using Memberstack!

This template has some awesome features including:

- OpenStreetMap
- Click pin to open location on map
- Gated profile pages
- User login & signup
- Google auth
- Swiper.js
- Gated content
- Filtering & searching

And much, much more!

Enjoy!

Local Directory Template

Local Directory Website Template

Hey everyone!

Back again with another freebie - here's the masonry grid from the Job Board UI Kit including Refokus Tools' CMS Filter.

They're super easy, but we've also included a tutorial to help you out - enjoy!

Job Board Masonry Grid List With Filters

Masonry Job Board Grid w/ Refokus CMS Filters (With Tutorial)

Cornelius Multusch

This is my application for Refokusagency as a webflow developer. I am looking forward to your reaction Refokus! 
Kind regards Cornelius 

I Used Refokus Tools and a showcase Side from Jonas Arleth as Inspiration. 

Discover refokustools websites built by the Webflow community

Discover refokustools websites built by the Webflow community