I have completed my Advent of UI Components

This year I decided to make my own version of Advent of code. So I thought it would be nice to share one UI component a day.

Silvestar Bistrović 🤘

@malimirkeccita

Advent of UI Components completed! ✅💯

Button
Tag
Gallery
Banner
Split
Horizontal rule
Intro
Hero
Header
Footer
Video embed
Figure
List
Blockquote
Breadcrumb
Table
Card
Social share
Pagination
Code block
Notification
Checkbox
Radio
Details twitter.com/malimirkeccita…

06:20 AM - 24 Dec 2021

Silvestar Bistrović 🤘 @malimirkeccita

I started the Advent of UI Components last week. So far I have: - button - tag - gallery - banner - split - horizontal rule

Every day I shared one component and how I built it. I used a lot of shiny new stuff from the CSS world.

Here's the project: https://www.silvestar.codes/side-projects/.

Happy holidays!

Comments

[Adam Crockett]

Congratulations on the execution on this one it's quite a brilliant idea, I hope to be "Inspired" next year to do something similar

[DevFranPR]

It is the Hero component an standarized component right now ?? Cause I'm seeing in a lot of demo apps and components right now.

[Adam Crockett]

Here is a standard name for a UI thing, of which there are many, hero is indeed a common name for a large eye catching billboard type area of a page with a heading, some text and a call to action, some variations on the above but this formula has been around since the days of print