Carbon Design System - Reusable components for Webflow
Carbon is IBM’s open-source design system for products and experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Disclaimer: This components library is an ongoing open-source project and is not associated with IBM carbon design system officially. It only borrows from the existing design system and makes it easier to work with certain components in Webflow.
Components are one of the key building blocks of the design system. Each component has been designed and coded to solve a specific UI problem, such as presenting a list of options, enabling submission of a form, providing feedback to the user, and so on. All of the components in Carbon have been designed to work harmoniously together, as parts of a greater whole.
In this open-source kit, we have included a lot of custom HTML components directly from the Carbon Design System Components guide to make it easy to build enterprise user interfaces in Webflow at speed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Name | Protocol | Port | Rule | Attached Groups | Status |
---|---|---|---|---|---|
Load Balancer 1 | HTTP | 80 | Round Robin | Maureen's VM Groups Testing a really long text here | Active |
Load Balancer 5 | HTTP | 80 | Round Robin | Maureen's VM Groups | Active |
Load Balancer 5 | HTTP | 80 | Round Robin | Maureen's VM Groups | Active |
Load Balancer 5 | HTTP | 80 | Round Robin | Maureen's VM Groups | Active |
Load Balancer 5 | HTTP | 80 | Round Robin | Maureen's VM Groups | Active |
Only .jpg and .png files. 500kb max file size.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero vero sapiente illum reprehenderit molestiae perferendis voluptatem temporibus laudantium ducimus magni voluptatum veniam, odit nesciunt corporis numquam maxime sunt excepturi sint!
color.jpeg
500 kb max file size. Select a new file and try again.
color.jpeg
Optional label
Modal heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id accumsan augue. Phasellus consequat augue vitae tellus tincidunt posuere. Curabitur justo urna, consectetur vel elit iaculis, ultrices condimentum risus. Nulla facilisi. Etiam venenatis molestie tellus. Quisque consectetur non risus eu rutrum.
Notification title
Subtitle text goes here.
Notification title
Subtitle text goes here.
Notification title
Our goal is to become better at our craft and raise our collective knowledge by sharing experiences, best practices, what we have recently learned or what we are working on.
Notification title
Subtitle text goes here.
First step
Optional
Overflow Ex.1
Overflow Ex.1
Overflow Ex. 2 Multi Line
Overflow Ex. 2 Multi Line
Fourth step
Fifth step
Content for first tab goes here.
Content for second tab goes here.
Content for third tab goes here.
Content for fourth tab goes here.
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is needed please use a modal instead.
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is needed please use a modal instead.
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is needed please use a modal instead.
Organised by Jmsbaduor