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

🎩 Weglot like Magic, a mini-game for Webflow Conf 🎩

We partnered with our friends at Weglot to create an engaging mini-game to augment the offline experience for their non-booth at the Webflow Conf '22 for the over 20,000 attendees.

Weglot non-booth is welcoming attendees with a magical and mystical experience. So we went for a mini-game that would anchor itself in the universe of classic magic with a modern twist.

Once the design direction was locked, we started to define the game mechanics, creating an experience where visitors would need to find clues in the dark to guess the words written in different languages, revealing the power of translation!

Take a look and have fun!

Weglot Like Magic! 

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

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

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. 👀


Refokus: Showcase Websites

How to add Automatic Tabs to Webflow?
Use the Refokus Automatic Tabs tool to enhance the behaviour of the native tab component in Webflow, by automatically navigating through the individual tab panes.

Automatic Tabs (by Refokus)

How do you use a magnifier lens on images in Webflow?
Use the Refokus Image Magnifier to help users get a closer look when viewing images on your project.

Image Magnifier (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 Validator (By Refokus)

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. 

Time to Read (by Refokus)

How to add API Filler in Webflow?
Use the Refokus API Filler to fetch data from public databases and display it within your Webflow projects. In our demo, we use the Art Institute of Cleveland's API to present famous artwork, along with the artist and the year it was composed.


API Filler (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 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

Social Share (by 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.

Rich Text Enhancer (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.

Copy to Clipboard (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.

Slick Slider Generator (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.

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.

Page Transitions (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

About

About