Beautiful CSS List Examples
A curated collection of 40+ stunning custom list styles.
Click any list to copy the CSS.
- First item
- Second item
- Third item
#1
- First item
- Second item
- Third item
#2
- First item
- Second item
- Third item
#3
- First item
- Second item
- Third item
#4
- First item
- Second item
- Third item
#5
- ✓First item
- ✓Second item
- ✓Third item
#6
- →First item
- →Second item
- →Third item
#7
- ★First item
- ★Second item
- ★Third item
#8
- ◆First item
- ◆Second item
- ◆Third item
#9
- ▸First item
- ▸Second item
- ▸Third item
#10
- •First item
- •Second item
- •Third item
#11
- First item
- Second item
- Third item
#12
- First item
- Second item
- Third item
#13
- First item
- Second item
- Third item
#14
- counter(list-counter)First item
- counter(list-counter)Second item
- counter(list-counter)Third item
#15
- counter(list-counter)First item
- counter(list-counter)Second item
- counter(list-counter)Third item
#16
- counter(list-counter)First item
- counter(list-counter)Second item
- counter(list-counter)Third item
#17
- counter(list-counter) '.'First item
- counter(list-counter) '.'Second item
- counter(list-counter) '.'Third item
#18
- ✓First item
- ✓Second item
- ✓Third item
#19
- First item
- Second item
- Third item
#20
Extract any list style with 2 clicks
Plus 10+ more tools: Element Screenshot, Color Picker, Font Explorer, Tailwind Converter, and more.
Get Frontend Hero →
- First item
- Second item
- Third item
#21
- →First item
- →Second item
- →Third item
#22
- First item
- Second item
- Third item
#23
- ★First item
- ★Second item
- ★Third item
#24
- First item
- Second item
- Third item
#25
- First item
- Second item
- Third item
#26
- 📌First item
- 📌Second item
- 📌Third item
#27
- 🔥First item
- 🔥Second item
- 🔥Third item
#28
- 💡First item
- 💡Second item
- 💡Third item
#29
- ✨First item
- ✨Second item
- ✨Third item
#30
- First item
- Second item
- Third item
#31
- First item
- Second item
- Third item
#32
- First item
- Second item
- Third item
#33
- ✓First item
- ✓Second item
- ✓Third item
#34
- First item
- Second item
- Third item
#35
- First item
- Second item
- Third item
#36
- ›First item
- ›Second item
- ›Third item
#37
- —First item
- —Second item
- —Third item
#38