Installation
To begin using Thind UI, it's essential to start with a fresh copy of the Thind Styleguide. This ensures that you have a clean and organized foundation for your project, preventing any class duplication issues. Follow the steps below to get started:
Installation Guide
Step 1: Clone the Styleguide
- Clone the Project:
- Visit the Thind Styleguide cloneable project.
- Clone the project into your Webflow account.
Step 2: Copy the Components You Need
- Browse Thind UI Components:
- Explore the Thind UI components library and find the components you want to use in your project.
- Copy the Components:
- Copy the desired components from the Thind UI library.
Step 3: Style and Customize
- Customize Colors and Styles:
- Paste the copied components into your Webflow project.
- Customize the components by changing colors and styles to match your project's design.
Important Note on Class Duplication
To avoid duplication of classes, it is crucial to follow these steps. If you make changes to the style guide and then copy components, Webflow will create new classes for the copied components because they have native styling from the UI. By starting with a fresh copy of the Thind Styleguide and then copying components, you maintain a clean and consistent class structure.
Ongoing Projects
If you are integrating Thind UI components into an ongoing project, you will need to adapt the copied components to your existing style system:
- Integrate Components:
- Copy the desired components from Thind UI into your ongoing project.
- Update Classes:
- Go into the classes of the copied components and adjust them to fit your existing style system.