50+ CSS Checkout Forms |

Are you looking for visually striking checkout forms for your e-commerce sites? Search no more. In this collection, we are showcasing free HTML and CSS checkout form code examples that ease customer purchases. We have gathered these web forms from top-notch platforms like GitHub and CodePen. Whether you’re a web designer or web developer, these visually appealing web forms will help you collect essential data information for billing, shipping addresses, payment details, and order review.

Each checkout form is carefully selected, having the power to enhance your site experience and user-friendliness that will captivate your site visitors and add depth and personality to your checkout process. From simple checkout forms to vibrant and dynamic credit card checkout forms, these code snippets offer a divergent range of possibilities to uplift your design.

Our CSS checkout forms contribute to a smooth user experience, offer easy customisation options, work perfectly on every modern browser, and most of the form examples are 100% responsive, so without wasting much time, let’s checkout our 50+ CSS checkout form examples.

1. Credit Card Checkout

See the Pen <a href="https://codepen.io/TheEcnemelc/pen/ZPaJjX"> Credit Card Checkout</a> by Clem (<a href="https://codepen.io/TheEcnemelc">@TheEcnemelc</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Clem
Source: Code / Demo
Created on: MARCH 13, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

2. Credit Card

See the Pen <a href="https://codepen.io/cusx/pen/aNqQdQ"> Credit Card</a> by cusx (<a href="https://codepen.io/cusx">@cusx</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: cusx
Source: Code / Demo
Created on: APRIL 12, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(Sass)

3. Credit Card Checkout

See the Pen <a href="https://codepen.io/Momciloo/pen/meZMBm"> #codevember Credit Card Checkout</a> by Momcilo Popov (<a href="https://codepen.io/Momciloo">@Momciloo</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Momcilo Popov
Source: Code / Demo
Created on: NOVEMBER 26, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), javaScript

4. Single Product Checkout | Css

See the Pen <a href="https://codepen.io/esparzou/pen/GXmyjM"> Single Product Checkout | Css</a> by esparzou (<a href="https://codepen.io/esparzou">@esparzou</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: esparzou
Source: Code / Demo
Created on: SEPTEMBER 3, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

5. Checkout Form

See the Pen <a href="https://codepen.io/RRoberts/pen/NdKYeK"> Checkout Form</a> by Rosa (<a href="https://codepen.io/RRoberts">@RRoberts</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Rosa
Source: Code / Demo
Created on: JANUARY 2, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

6. Credit Card Checkout

See the Pen <a href="https://codepen.io/tyaq/pen/ZQZxvb"> Credit Card Checkout | Daily UI #002</a> by Ishtyaq Habib (<a href="https://codepen.io/tyaq">@tyaq</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ishtyaq Habib
Source: Code / Demo
Created on: FEBRUARY 18, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

7. Credit Card Checkout

See the Pen <a href="https://codepen.io/paulborm/pen/xZWGGK"> #dailyui 002 – Credit Card Checkout</a> by Paul Borm (<a href="https://codepen.io/paulborm">@paulborm</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Paul Borm
Source: Code / Demo
Created on: JANUARY 25, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS), JavaScript

8. Credit Card Checkout

See the Pen <a href="https://codepen.io/mycnlz/pen/reLOZV"> DailyUI #002 – Credit Card Checkout</a> by Maycon Luiz (<a href="https://codepen.io/mycnlz">@mycnlz</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Maycon Luiz
Source: Code / Demo
Created on: MARCH 10, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

9. Credit Card Checkout

See the Pen <a href="https://codepen.io/orzoon/pen/NBxRNP"> Credit Card Checkout </a> by Orzoon_Kunwar (<a href="https://codepen.io/orzoon">@orzoon</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Orzoon_Kunwar
Source: Code / Demo
Created on: JULY 15, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(Sass)

10. Credit Card Checkout

See the Pen <a href="https://codepen.io/emilcarlsson/pen/pbGxNa"> Daily UI #002 Credit Card Checkout</a> by Emil (<a href="https://codepen.io/emilcarlsson">@emilcarlsson</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Emil
Source: Code / Demo
Created on: AUGUST 15, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

11. Credit Card Checkout

See the Pen <a href="https://codepen.io/ruphaa/pen/LYdYMJb"> Daily UI – Credit card checkout</a> by Ruphaa Ganesh (<a href="https://codepen.io/ruphaa">@ruphaa</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ruphaa Ganesh
Source: Code / Demo
Created on: JUNE 29, 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

12. Credit Card Checkout

See the Pen <a href="https://codepen.io/yagosrocha/pen/RGEGaK"> Credit Card Checkout</a> by Yago Rocha (<a href="https://codepen.io/yagosrocha">@yagosrocha</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Yago Rocha
Source: Code / Demo
Created on: OCTOBER 21, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(Sass)

13. Payment card checkout

See the Pen <a href="https://codepen.io/simoberny/pen/XgEgGg"> Payment card checkout</a> by Simone Bernabè (<a href="https://codepen.io/simoberny">@simoberny</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Simone Bernabè
Source: Code / Demo
Created on: JULY 2, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

14. Credit Card Checkout

See the Pen <a href="https://codepen.io/Aladini/pen/OmbqrZ"> DailyUI #002: Credit Card Checkout</a> by Jonni Aaltonen (<a href="https://codepen.io/Aladini">@Aladini</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Jonni Aaltonen
Source: Code / Demo
Created on: APRIL 26, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

15. Modal Checkout Form

See the Pen <a href="https://codepen.io/Pushedskydiver/pen/xJJRBO"> Modal Checkout Form</a> by Alex Clapperton (<a href="https://codepen.io/Pushedskydiver">@Pushedskydiver</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Alex Clapperton
Source: Code / Demo
Created on: AUGUST 5, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

16. Creative Credit card form

See the Pen <a href="https://codepen.io/Codedgar/pen/pVQeqW"> Creative Credit card form</a> by Edgar Pérez (<a href="https://codepen.io/Codedgar">@Codedgar</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Edgar Pérez
Source: Code / Demo
Created on: MAY 17, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

17. Credit Card Checkout

See the Pen <a href="https://codepen.io/supah/pen/OMdPpW"> Daily UI #002: Credit Card Checkout</a> by Fabio Ottaviani (<a href="https://codepen.io/supah">@supah</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Fabio Ottaviani
Source: Code / Demo
Created on: FEBRUARY 12, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

18. Credit Card Checkout

See the Pen <a href="https://codepen.io/magnificode/pen/VeoyLW"> Daily UI #002: Credit Card Checkout</a> by magnificode (<a href="https://codepen.io/magnificode">@magnificode</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: magnificode
Source: Code / Demo
Created on: FEBRUARY 24, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

19. Checkout Form

See the Pen <a href="https://codepen.io/marcobiedermann/pen/yLVVpBY"> Checkout Form</a> by Marco Biedermann (<a href="https://codepen.io/marcobiedermann">@marcobiedermann</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Marco Biedermann
Source: Code / Demo
Created on: FEBRUARY 12, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(PostCSS), JavaScript(Babel)

20. Credit card checkout

See the Pen <a href="https://codepen.io/freepen/pen/BpXKWX"> Credit card checkout</a> by MAK (<a href="https://codepen.io/freepen">@freepen</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: MAK
Source: Code / Demo
Created on: FEBRUARY 21, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

21. Checkout form

See the Pen <a href="https://codepen.io/palimadra/pen/nzyeGB"> Checkout form</a> by Pali Madra (<a href="https://codepen.io/palimadra">@palimadra</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Pali Madra
Source: Code / Demo
Created on: DECEMBER 11, 2013
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

22. Checkout

See the Pen <a href="https://codepen.io/ryandelos/pen/qBxxLVz"> Daily UI 002 – Checkout</a> by Ryan Delos Santos (<a href="https://codepen.io/ryandelos">@ryandelos</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Ryan Delos Santos
Source: Code / Demo
Created on: MAY 30, 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

23. Credit Card Checkout

See the Pen <a href="https://codepen.io/enwaara/pen/aZrPKB"> Daily UI #002 Credit Card Checkout</a> by Daniela Andersson Waara (<a href="https://codepen.io/enwaara">@enwaara</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Daniela Andersson Waara
Source: Code / Demo
Created on: AUGUST 23, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

24. Check-out

See the Pen <a href="https://codepen.io/snoopy4265/pen/OwwZNJ"> Check-out</a> by michellewu (<a href="https://codepen.io/snoopy4265">@snoopy4265</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: michellewu
Source: Code / Demo
Created on: AUGUST 6, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

25. Beautiful Sleek Checkout Page

See the Pen <a href="https://codepen.io/hunzaboy/pen/pKPedg"> Beautiful Sleek Checkout Page</a> by Aslam (<a href="https://codepen.io/hunzaboy">@hunzaboy</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Aslam
Source: Code / Demo
Created on: JUNE 12, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

26. Credit Card Checkout

See the Pen <a href="https://codepen.io/NunoMartins21/pen/BVLXgw"> #DailyUI 002 – Credit Card Checkout</a> by Nuno Martins (<a href="https://codepen.io/NunoMartins21">@NunoMartins21</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nuno Martins
Source: Code / Demo
Created on: JUNE 7, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

27. Credit Card Checkout

See the Pen <a href="https://codepen.io/kylelavery88/pen/GZrpwj"> Daily UI #002 – Credit Card Checkout</a> by Kyle Lavery (<a href="https://codepen.io/kylelavery88">@kylelavery88</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Kyle Lavery
Source: Code / Demo
Created on: MARCH 16, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

28. Credit Card Checkout

See the Pen <a href="https://codepen.io/hannahyockel/pen/XWgeeaE"> #DailyUI 002: Credit Card Checkout</a> by Hannah Yockel (<a href="https://codepen.io/hannahyockel">@hannahyockel</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Hannah Yockel
Source: Code / Demo
Created on: SEPTEMBER 15, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

29. Credit Card Checkout

See the Pen <a href="https://codepen.io/tomma5o/pen/ezMJLE"> DailyUi#002 – Credit Card Checkout</a> by Tommaso Poletti (<a href="https://codepen.io/tomma5o">@tomma5o</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Tommaso Poletti
Source: Code / Demo
Created on: JULY 20, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

30. Bootstrap Checkout Form

See the Pen <a href="https://codepen.io/manassehl/pen/OYVeXB"> Bootstrap Checkout Form</a> by Manasseh El Bey (<a href="https://codepen.io/manassehl">@manassehl</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Manasseh El Bey
Source: Code / Demo
Created on: MAY 8, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

31. Credit Card Checkout

See the Pen <a href="https://codepen.io/mha-el-sayed/pen/zLmoMX"> Credit Card Checkout</a> by Mhammed El-Sayed (<a href="https://codepen.io/mha-el-sayed">@mha-el-sayed</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Mhammed El-Sayed
Source: Code / Demo
Created on: AUGUST 8, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

32. Credit Card Checkout

See the Pen <a href="https://codepen.io/ithar/pen/MWwdJwp"> Credit Card Checkout</a> by ithar (<a href="https://codepen.io/ithar">@ithar</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: ithar
Source: Code / Demo
Created on: APRIL 3, 2020
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

33. Credit Card Checkout

See the Pen <a href="https://codepen.io/danroot/pen/xwLexQ"> Credit Card Checkout #002</a> by Dan Root (<a href="https://codepen.io/danroot">@danroot</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Dan Root
Source: Code / Demo
Created on: OCTOBER 13, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS)

34. Check out panel

See the Pen <a href="https://codepen.io/hannahtsou/pen/pRBvaN"> Check out panel</a> by hannahtsou (<a href="https://codepen.io/hannahtsou">@hannahtsou</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: hannahtsou
Source: Code / Demo
Created on: FEBRUARY 16, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

35. Checkout Page Re-Created

See the Pen <a href="https://codepen.io/thecoderlady/pen/jGNvoy"> Checkout Page Re-Created</a> by Shagufta Mubasher (<a href="https://codepen.io/thecoderlady">@thecoderlady</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Shagufta Mubasher
Source: Code / Demo
Created on: SEPTEMBER 12, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

36. Credit Card Checkout

See the Pen <a href="https://codepen.io/PavelLaptev/pen/BKBQdB"> Daily UI #002 Credit Card Checkout</a> by Pavel Laptev (<a href="https://codepen.io/PavelLaptev">@PavelLaptev</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Pavel Laptev
Source: Code / Demo
Created on: FEBRUARY 25, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

37. Checkout Form with Payment Summary

See the Pen <a href="https://codepen.io/szabacsik/pen/rYRmYN"> Checkout Form with Payment Summary</a> by András Szabácsik (<a href="https://codepen.io/szabacsik">@szabacsik</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: András Szabácsik
Source: Code / Demo
Created on: DECEMBER 4, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

38. Credit Card Checkout

See the Pen <a href="https://codepen.io/aleciahh/pen/zBYjPz"> Daily UI #002: Credit Card Checkout</a> by Alecia Vogel (<a href="https://codepen.io/aleciahh">@aleciahh</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Alecia Vogel
Source: Code / Demo
Created on: MAY 30, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

39. Checkout Page 💳

See the Pen <a href="https://codepen.io/theresa-e/pen/BOBQxR"> Daily UI #002: Checkout Page 💳</a> by Theresa (<a href="https://codepen.io/theresa-e">@theresa-e</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Theresa
Source: Code / Demo
Created on: AUGUST 19, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

40. Credit Card Checkout

See the Pen <a href="https://codepen.io/marno/pen/YVYvQP"> My DailyUI #002 – Credit Card Checkout</a> by Arnaud Marchesini (<a href="https://codepen.io/marno">@marno</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Arnaud Marchesini
Source: Code / Demo
Created on: MAY 9, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

41. Responsive CSS Grid Nike layout

See the Pen <a href="https://codepen.io/thinsoldier/pen/qXpBea"> Responsive CSS Grid Nike layout</a> by thinsoldier (<a href="https://codepen.io/thinsoldier">@thinsoldier</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: thinsoldier
Source: Code / Demo
Created on: AUGUST 16, 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

42. Card Checkout

See the Pen <a href="https://codepen.io/onyeka/pen/MaORoo"> Daily UI #2</a> by Onyeka Aghanenu (<a href="https://codepen.io/onyeka">@onyeka</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Onyeka Aghanenu
Source: Code / Demo
Created on: OCTOBER 19, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

43. Donut Payment

See the Pen <a href="https://codepen.io/nw/pen/BoGyER"> Donut Payment (DailyUI #002)</a> by Nate Watson (<a href="https://codepen.io/nw">@nw</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Nate Watson
Source: Code / Demo
Created on: NOVEMBER 10, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Pug), CSS(SCSS), JavaScript

44. Checkout Form

See the Pen <a href="https://codepen.io/jsantana2418/pen/qqpmvW"> Checkout Form</a> by Jose Santana (<a href="https://codepen.io/jsantana2418">@jsantana2418</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Jose Santana
Source: Code / Demo
Created on: DECEMBER 1, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

45. CheckOut Page

See the Pen <a href="https://codepen.io/husain-bhagat/pen/zYoqGqx"> CheckOut Page</a> by Husain Bhagat (<a href="https://codepen.io/husain-bhagat">@husain-bhagat</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Husain Bhagat
Source: Code / Demo
Created on: FEBRUARY 6, 2021
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

46. Credit Cart Checkout

See the Pen <a href="https://codepen.io/petermllrr/pen/aZjxQN"> Daily UI #002 – Credit Cart Checkout</a> by Peter (<a href="https://codepen.io/petermllrr">@petermllrr</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Peter
Source: Code / Demo
Created on: AUGUST 1, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

47. Credit Card Checkout

See the Pen <a href="https://codepen.io/glucasroe/pen/rxVxLy"> DailyUI #002</a> by Lucas Roe (<a href="https://codepen.io/glucasroe">@glucasroe</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Lucas Roe
Source: Code / Demo
Created on: DECEMBER 9, 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML(Haml), CSS(SCSS), JavaScript

48. Credit Card Checkout

See the Pen <a href="https://codepen.io/Tbgse/pen/vGeRVd"> Daily UI #002 Credit Card Checkout </a> by Tobias (<a href="https://codepen.io/Tbgse">@Tbgse</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Tobias
Source: Code / Demo
Created on: APRIL 2, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

49. Gucci Backpack Checkout

See the Pen <a href="https://codepen.io/EricGFig/pen/ZRWErR"> #002 Daily UI – Gucci Backpack Checkout</a> by Eric Figueroa (<a href="https://codepen.io/EricGFig">@EricGFig</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Eric Figueroa
Source: Code / Demo
Created on: JUNE 4, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), JavaScript

50. Shopping Bag (Checkout)

See the Pen <a href="https://codepen.io/elenanelmes/pen/qMpYVM"> Daily UI #002 – Shopping Bag (Checkout)</a> by elena nelmes (<a href="https://codepen.io/elenanelmes">@elenanelmes</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: elena nelmes
Source: Code / Demo
Created on: SEPTEMBER 10, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS)

51. Checkout Form

See the Pen <a href="https://codepen.io/dannyhuang/pen/eyMWBg"> DailyUI#002 – Checkout Form</a> by Danny (<a href="https://codepen.io/dannyhuang">@dannyhuang</a>) on <a href="https://codepen.io">CodePen</a>. 
Author: Danny
Source: Code / Demo
Created on: JANUARY 10, 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript