Here is a list of some beautiful CSS speech bubbles examples. Pure CSS Chat Bubble Animations [WIP] See the Pen Pure CSS Chat Bubble Animations [WIP] by Alissa (@alissarenz) on CodePen. Dev: Alissa A depressed CSS chat bubble See the Pen A depressed CSS chat bubble by Jennifer Hedgcock (@jenhedgcock) on CodePen. Dev: Jennifer Hedgcock …

35 CSS Speech Bubbles Read More »

Here are some beautiful CSS dashboards designs that you can use on your app. Project Management Dashboard UI Dev: Aybüke Ceylan Dashboard Dev: Mustafa Omar Dashboard UI Dev: Mert Cukuren Task Management Dashboard UI Dev: Aybüke Ceylan Dashboard UI Dev: Håvard Brynjulfsen Job Recruiter Dashboard UI Dev: Aybüke Ceylan Products Dashboard UI Dev: Aybüke Ceylan …

39 CSS Dashboards Read More »

Here are some beautiful CSS ribbons examples with HTML and CSS. CSS3 ribbons See the Pen CSS3 ribbons by Elena Nazarova (@nazarelen) on CodePen. Dev: Elena Nazarova Corner Ribbons See the Pen Corner Ribbons by Miro Karilahti (@miroot) on CodePen. Dev: Miro Karilahti CSS Ribbon See the Pen CSS Ribbon by CSS-Tricks (@css-tricks) on CodePen. …

41 Beautiful CSS Ribbons Read More »

Here is a list of some beautiful and creative CSS progress bars for you. Pure CSS Progress See the Pen Pure CSS Progress by Rafael González (@rgg) on CodePen. Dev: Rafael González Pure CSS radial progress bar See the Pen Pure CSS radial progress bar by Alex Marinenko (@jo-asakura) on CodePen. Dev: Alex Marinenko Skillset …

39 CSS Progress Bars Read More »

Here is a list of some CSS panels codes. Panel Animation See the Pen Panel Animation by Swarup Kumar Kuila (@uiswarup) on CodePen. Dev: Swarup Kumar Kuila CSS-only Sliding Panels using transforms See the Pen CSS-only Sliding Panels using transforms by Shaw (@shshaw) on CodePen. Dev: Shaw Full-Width Panel Expansion, CSS only See the Pen …

17 CSS Panels Read More »

Here are some interesting CSS notification code examples. Alert message See the Pen alert message by Swarup Kumar Kuila (@uiswarup) on CodePen. Dev: Swarup Kumar Kuila Materialize.css Alert Message See the Pen Materialize.css Alert Message by booster.click (@theotop) on CodePen. Dev: booster.click Notifications, Alerts, Modals See the Pen Notifications, Alerts, Modals by DevTips (@devtips) on …

29 CSS Notifications Read More »

Here is a list of some of the best CSS modal windows examples. Popup/Modal without JS See the Pen Popup/Modal without JS by Paul (@peiche) on CodePen. Dev: Paul Pure Css Popup See the Pen Pure Css Popup by Erdem Uslu (@erdemuslu) on CodePen. Dev: Erdem Uslu Pure CSS popup See the Pen Pure CSS …

79 CSS Modal Windows Read More »

Here are some CSS list styles. Big Numbers Ordered List See the Pen Big Numbers Ordered List by yying6 (@yying6) on CodePen. Dev: yying6 Just Another Definition List, Grid, Sass, Responsive See the Pen Just Another Definition List, Grid, Sass, Responsive by Dianna Cheng (@girlgeek) on CodePen. Dev: Dianna Cheng Css List Playground See the …

25 CSS Lists Read More »

Here is a list of some CSS hexagons. CSS responsive grid of hexagons See the Pen CSS responsive grid of hexagons by web-tiki (@web-tiki) on CodePen. Dev: web-tiki Overwatch loading by css3 See the Pen overwatch loading by css3 by CCG (@CCG) on CodePen. Dev: CCG CSS Hexagon See the Pen CSS Hexagon by darsain …

31 CSS Hexagons Read More »