noknow's Web Design Framework
Component
AccordionMore detail
-
HEADING TEXT WITH INNER TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT -
HEADING TEXT
Article cardMore detail
BadgeMore detail
BadgeBadge Link
Badge with icon Badge Link with icon
BreadcrumbMore detail
BadgeBadge Link
Badge with icon Badge Link with icon
ConsoleMore detail
Here is console text.
> echo "Hello World"
<p>Hello World</p>DirectoryMore detail
FormMore detail
* Here is a notification such as error message.
* Here is a notification such as error message.
* Here is a notification such as error message.
* Here is a notification such as error message.
* Here is a notification such as error message.
* Here is a notification such as error message.
* Here is a notification such as error message.
* Here is a notification such as error message.
Horizontal cardMore detail
-
TITLE
texttexttexttexttexttexttexttexttexttexttexttexttext...
-
TITLE
TAG1 TAG2texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext...
ImageMore detail
Plan cardMore detail
Basic
$ 9 /mo
The description of the basic plan is...
- Feature 1
- Feature 2
- Feature 3
- Feature 4
- Feature 5
Pro
$ 99 /mo
The description of the pro plan is...
- Feature 1
- Feature 2
- Feature 3
- Feature 4
- Feature 5
Profile cardMore detail
TableMore detail
| # | Name | Age | Country | Hobby |
|---|---|---|---|---|
| 1 | Alen | 33 | Japan | Dance, playing music, skateboard, snowboard |
| 2 | May | 25 | New Zealand | Sing a song |
| 3 | Lena | 40 | Cyprus | Travel, foods, cooking, yoga, training, reading books, chatting, playing games, exploring, many many hobbies!! |
| 4 | Tom | 60 | Brazil | Farming |
Utility
ColorMore detail
color-command
color-comment
color-error
color-info
color-link
color-note
color-success
color-warning
color-sns-discord
color-sns-facebook
color-sns-hatena-bookmark
color-sns-instagram
color-sns-line
color-sns-linkedin
color-sns-pinterest
color-sns-pocket
color-sns-reddit
color-sns-tumblr
color-sns-telegram
color-sns-twitter
color-sns-weibo