Discover the best refokus websites created by professional designers. Get inspired and start planning your perfect refokus 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)

Empowering the Webflow Community, Agencies and Marketing Teams with Refokus Tools. A free collection of our in-house tools, adding more functionality to Webflow.

We created Refokus Tools to give back to the community—collecting our knowledge and sharing it one designer, developer, marketer, and brand manager at a time.

Current Tools:
- Social Share
- Time to Read
- Slider Generator
- Page Transitions
- Rich Text Enhancer
- Masonry Layout
- Form Validator
- Image Magnifier
- CMS Filters
- Automatic Tabs
- API Filler (Data)
- CMS Prev/Next
- CMS Load More
- Copy to Clipboard
- CMS Tabs

New tools coming every month! 

Refokus Tools (v2)

Refokus Tools

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

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

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)

2021! Our first year! And... What a year! 🚀

We are so happy that we've made a cool website to show off!

We've created Refokus in January 2021, and this was our first year! For us was a year of growth, building an amazing team, building our culture, setting up our processes, defining our brand, and so much more.

We want to thank everyone who trusted and supported us in this first year!

2022 already started amazingly, with a lot of new clients, great new projects, new people joining us, and a lot of amazing stuff coming!

Year #2 is getting 🔥 🔥 🔥 ... and we are also hiring! just saying...

Refokus Year in Review 2021

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 do you add a form validator to native form elements in Webflow?
Use the Refokus Form Validator to create ‘valid’ and ‘non-valid’ states when a user enters information into a form field in your Webflow projects. This supports Names, Email Addresses and Phone Numbers. 

Form Validation

Form Validator (By Refokus)

At Refokus, we use Webflow as an implementation tool, and as such we follow implementation best practices. 

Having a pre-define Style System allows us to keep things organized, keeping to our high-quality standards, and allowing our clients to scale their Website with proper guidelines.

After using this in hundreds of projects, we are now sharing it with the world. Have fun!

Refokus Styleguide for Webflow

Refokus Webflow Styleguide

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 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)

We turned the OMR22 Refokus x Webflow presentation about Showcase Websites into a showcase website! 🤯

Experience the potential of showcase-websites for Brand Positioning, New Market Reach, Product Launch, Recruiting & Event Promotion first hand. 👀


Showcase Websites

Refokus: Showcase Websites

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)

Meet the team, clients and events that redefined the limits of web-experiences and discover how we collectively empowered the Webflow community.

Refokus Year in Review 2022

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)

Big or small, every business in Germany should have their website multilingual! 

That's why we've partnered with Weglot (the best way to make your website multilingual) to put together this fun site. 

Go global! Go mehrsprachig!

Discover refokus websites built by the Webflow community

Discover refokus websites built by the Webflow community