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

A clean and minimal style guide for Webflow projects. Use this to quickly and contextually adjust typography and colour right inside the designer. 

The naming conventions are based off the principles outlined in the Homerun styling system documentation. I hope this helps you hit your next project out of the park!

Documentation:
https://homerun-style-system.webflow.io

Homerun Style Guide

Webflow University

This is a Webflow style guide project that contains all Webflow's base tag elements (i.e. <p>, <h1>, RTE.). Easy to configure your design system when you start your new projects.

Sample style guide

style-guide-edu

Finsweet

Finsweet is proud to release the Class Adder Interactions Tool. Add and remove classes from elements on your page in a Webflow Interactions style UI.

Resources 👇

Class Adder interactions tool: https://classadder.webflow.io/

Class Adder How-To: https://classadder-howto.webflow.io/

Questions? Need help? 🤙 Reach out to us: https://www.sweetjs.io/

Class Adder How To

Class Adder Interactions Tool - How To

ITA Group

A style guide template you can use to setup the base styles in your project! There is also a "Grid" page with the Bootstrap 4 style columns.

Starter Style Template

Style Guide Template

We collaborated with Lake Las Vegas to design and develop an interactive website for their new private sports club. The design is classy and elegant much like the community and club it represents. The site enables the sports club to show all their weekly classes and events. It also allows admins to update classes on the fly in case of changes or cancellations. The site also has an informational aspect providing bios/info for all instructors and the classes they teach.

LLV Sports Club

Are you having a hard time making Three.js work on your website? 

This cloneable shows you how to use Three.js in Webflow so that you can start your journey in learning and building with Three.js in Webflow

A starter template to use Three.js in your Webflow project.

Feel free to clone and enjoy! :)

Three.js Template

Literary Cleveland is a wonderful nonprofit organization who approached me about redesigning their site. They were a little worried about using Webflow, since they never heard of it before, but I'm pretty sure I made them believers! 

There are few things more gratifying than launching a new project. And to hear their executive director tell me that this new site would take them to a level they never thought they'd achieve put a pretty big smile on my face. I hope I did my job and gave them a tool that will help them continue to grow and spread some fierce literary knowledge. 

Some fun new things I did with this design:

-The homepage animation only plays once per session (or well, every 15 min) 

- I found some code that allowed me to change how lists appear. You'll notice, the lists in rich text fields actually use their quote logo instead of the standard dot.

Let me know your thoughts Webflowers!

Literary Cleveland

ChainSystem the most intuitive and easy Class Naming System for Webflow. Work fast, be clear, be concise, be productive. 

chainsystem

Nice clean website design and development for a Yoga Studio new Newcastle NSW who run weekly classes, special classes, coordinate workshops and organise national and international Yoga retreats / holidays.

Yoga Brave

Led by Bhargavi Gopalan, India's own Dance Scientist, Bhargavi Gopalan Dance helps dancers and educators build their practice through scientific principles that improve self-awareness.

Through online resources, workshops, and training programs, Bhargavi Gopalan Dance aims to provide educational content to build a dance environment backed up with scientific information. The platform focusses to communicate the ways available to engage with the entity in a super crisp fashion. 

Check out the site at http://bhargavigopalan.in/

Bhargavi Gopalan Dance

Community events organization needed a site to easily add and edit ongoing classes and workshops with an engaging and responsive look to match new branding. I created the branding/logo and have done print and signage work for this organization as well.

WOW Creative Arts Center

WOW Creative Arts Center - Westfield, MA

As an eminent tutor for Mathematics over 2 decades based out of Chennai, Tutor Srinivasan was looking forward to a digital solution that can allow him to engage with his students and also take admissions online. 

With COVID being hard for traditional businesses to turn instant digital natives, we stepped in with the use of Webflow to build a website powered by CMS that allows them to add classes, take admissions, and share resources to specific classes through the combination of slug and password-protected pages. 

The website focussed on communicating his values, deep passion for demystifying concepts of Mathematics, and the offerings with the next steps clearly. And the pages are custom designed to deliver information with best experience on mobile and desktop.