New
Storybook for full-stack developersAutomate with Chromatic
Star75,281
Back to overview
Add your project

Web components

Web Components are a browser-native way of developing component-driven user interfaces. They adhere to the W3C specification for encapsulation and interoperability of HTML elements.

164components999storiesLast updated 4 months ago
Tweet
Add your component

Alert

Alert
Trendyol
14
Alert
JSTOR
5
<cc-addon-elasticsearch-options>
Clever Cloud
3

Badge

Badge
Trendyol
5

Breadcrumb

Breadcrumb
JSTOR
1

Button

View all (9)
<cc-button>
Clever Cloud
15
Button
Trendyol
15
Button
JSTOR
8
Button
RocketCom
5
Radio Button
JSTOR
4

Card

View all (11)
<cc-env-var-linked-services>
Clever Cloud
15
Image Card
JSTOR
13
<cc-env-var-editor-expert>
Clever Cloud
9
<cc-env-var-editor-json>
Clever Cloud
9
<cc-env-var-editor-simple>
Clever Cloud
9

Checkbox

Checkbox
Trendyol
7
Checkbox Group
RocketCom
6
Checkbox
JSTOR
5
Checkbox
RocketCom
5
Checkbox Group
JSTOR
4

Code

<cc-tile-status-codes>
Clever Cloud
6
<cc-loader>
Clever Cloud
5

Combobox

Combobox
JSTOR
6

Details

Item Detail
JSTOR
1

Dialog

Dialog
Trendyol
3

Divider

Menu Item Divider
RocketCom
1

Flex

<cc-flex-gap>
Clever Cloud
5

Footer

Footer
JSTOR
1

Grid

ag-Grid
RocketCom
1

Header

<cc-header-app>
Clever Cloud
18
<cc-header-orga>
Clever Cloud
8
<cc-pricing-header>
Clever Cloud
5
Header
JSTOR
1

Heading

Heading
JSTOR
3

Icon

View all (12)
<cc-pricing-product-consumption>
Clever Cloud
22
<cc-tcp-redirection-form>
Clever Cloud
13
<cc-tcp-redirection>
Clever Cloud
8
Classification Markings
RocketCom
5
<cc-tile-consumption>
Clever Cloud
5

Input

View all (9)
<cc-pricing-product>
Clever Cloud
25
<cc-input-number>
Clever Cloud
15
<cc-input-text>
Clever Cloud
15
<cc-env-var-input>
Clever Cloud
14
Input
Trendyol
12

Layout

Layout
JSTOR
5

Link

<cc-addon-linked-apps>
Clever Cloud
7
Link
JSTOR
5
ccLink()
Clever Cloud
3

List

<cc-invoice-list>
Clever Cloud
9
<cc-tile-instances>
Clever Cloud
8
<cc-article-list>
Clever Cloud
6
<cc-doc-list>
Clever Cloud
6

Menu

Select Menu
RocketCom
10
Menu Item
RocketCom
2
Pop Up Menu
RocketCom
2

Modal

Modal
JSTOR
4
Modal
RocketCom
2

Nav

Dropdown Menu Nav
JSTOR
1

Page

<cc-pricing-page>
Clever Cloud
4

Pagination

Pagination
Trendyol
4
Pagination
JSTOR
2

Progress

Progress Indicator
Trendyol
6
Progress
RocketCom
4
Progress Bar
JSTOR
2

Radio

Radio Group
RocketCom
6
Radio Group
JSTOR
4
Radio
Trendyol
4
Radio Group
Trendyol
4
Radio
RocketCom
3

Search

<cc-elasticsearch-info>
Clever Cloud
12
Search
JSTOR
1

Select

Select
Trendyol
15
<cc-select>
Clever Cloud
8
Select
JSTOR
6
SelectOption
Trendyol
3

Slider

Slider
RocketCom
6

Switch

Switch
RocketCom
4

Table

<cc-pricing-table>
Clever Cloud
19
<cc-invoice-table>
Clever Cloud
6
Table
RocketCom
2

Tabs

Tabs
JSTOR
4
Tabs
RocketCom
2

Tag

Tag
RocketCom
2

Text

Textarea
RocketCom
9

Textarea

Textarea
JSTOR
6

Toast

Toast
JSTOR
5

Toggle

<cc-toggle>
Clever Cloud
9

Tooltip

Tooltip
Trendyol
14
Tooltip
JSTOR
7

Typography

Typography
JSTOR
12