Client First Styleguide

0
10
1

Enhance your Webflow site with the official Client-First styleguide. Access utility classes for organized design. Streamline development with this cloneable. Stay organized and build quickly with client first.

Categories

CSS

54

js library

No items found.
About cloneable

As the official project starter for Finsweet's Client-First, this cloneable provides a comprehensive style guide with utility classes for organized and scalable Webflow sites. Users will benefit from easy access to wrapper/container classes, text styles, button combos, color palettes, and essential utility systems like hiding and pointer events. Implementing this cloneable will streamline development and ensure consistency using Finsweet's Client-First methodology.

This CSS code snippet includes various styles to improve text legibility, focus states for keyboard navigation, inherit color styles, adjust margins and padding, and limit the number of lines for text elements. It also includes media queries to hide elements on different screen sizes.

About custom code

This CSS code snippet includes various styles to improve text legibility, focus states for keyboard navigation, inherit color styles, adjust margins and padding, and limit the number of lines for text elements. It also includes media queries to hide elements on different screen sizes.

About CSS
About Javascript
Embed badge
similar cloneables
New
Circular Magnetic Button CTA Webflow cloneable
Enhance user engagement with a circular magnetic CTA Webflow cloneable by Dhruv Sachdev. Featuring Circletype.js for dynamic circular text and FitText.js for responsive scaling. Elevate UX with interactive elements and responsive design for an engaging website experience.
New
Event Calendar CMS Webflow cloneable
Discover a free Event Calendar Webflow cloneable with custom CSS and FullCalendar.js integration. Manage events seamlessly through Webflow CMS, with responsive layouts and event color variations for a visually appealing display. Enhance user interaction with hover effects and structured event data. Elevate your website's functionality and design with this easy-to-use tool.
New
Interactive Drag-and-Drop Webflow cloneable
Create captivating web experiences with this interactive drag-and-drop Webflow cloneable. Designed for usability, it integrates custom CSS and JavaScript for smooth interactions, ideal for educational platforms or quizzes. Gain a competitive edge with responsive design and dynamic visual feedback.
New
Geometric Pattern Generator Webflow cloneable
Elevate your web aesthetics with the Geometric Pattern Generator Webflow cloneable. Create dynamic and visually striking patterns for your website without JavaScript. Customize shapes, colors, and CSS blend modes easily. Enhance user engagement and convert visitors with captivating designs.
New
Clip-path Swiper.js Slider Webflow cloneable
Create dynamic and engaging websites with the Clip-path Swiper Slider Webflow cloneable. Incorporating Greensock animations and Swiper.js library, this cloneable offers modern clip-path effects and seamless transitions for a captivating user experience. Perfect for boosting visual storytelling and user engagement, this cloneable is ideal for portfolio sites and creative projects.
New
Image Hover Effect website preview Webflow cloneable
Enhance user interaction with this innovative Hover Effect Website Preview Webflow cloneable. Engage visitors with dynamic thumbnail previews as they navigate links, creating an interactive experience. Improve user experience, integrate with Memberstack, Zapier, Jetboost, and Airtable for seamless functionality. Custom CSS ensures sharp font rendering and WebFont.js supports Google Fonts, enhancing site aesthetics. Create an engaging and visually stunning website with ease.
New
Smooth Scrolling Effects Webflow cloneable
Elevate your website with smooth scrolling effects using this Webflow cloneable. Enhance user experience and design aesthetics effortlessly. Streamline your design process and create visually engaging elements with ease.
New
Draggable Slick Slider Webflow cloneable
Enhance user engagement with a Slick Slider Webflow cloneable by Tinyflow. Create responsive carousels for images and content with centered slides, infinite looping, and intuitive navigation. Custom CSS ensures a polished look across screen sizes. Includes media queries, WebFont integration, and lazy loading for optimal performance. Ideal for designers looking to elevate their websites with a dynamic visual element.
similar cloneables