Minimal GUI Set: More Than 1000 Free Elements, Buttons, Patterns, Icons And Many More

You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

45 CSS boxes (imageless) with demo & code ready to download.

Comments and suggestions in here


Hello friends, this is a huge compilation with 45 imageless CSS and CSS3 boxes ready to download, including source code in both CSS and HTML and a working demo to see how they work, to see the real power behind this fantastic compilation, please use google chrome or similar browser ;)

CSS3 frame boxes pack (imageless) By WordPressThemeShock

Box Shadows By Abhimanyu Rana

CSS3 Boxes By Chad Mazzola

CSS3 Box By Web-Gate // Luky_vj

Glosy Boxes By Bartos Lazarski

CSS3 Elegant Box By Simonpicos

Gray Box By Web-Gate // Luky_vj

Nice Box By Web-Gate // Luky_vj

CSS3 Frame Box By Web-Gate // Luky_vj

CSS3 Gradient Background By Kushagra Agarwal

Page Curl Box Shadow By Pixleight

CSS-Only Pinterest Style By Kushagra Agarwal

Fake border gradient By Christophe Gourmelon

Stacked Papers Using box-shadow By Anas Nakawa

CSS3 Lined Paper By Taufik Nurrohman

CSS3 Notebook Paper By CSS Creations

Single Tag Heading Style (Folded) By dossatack

Single Tag Heading Style (Folded) By Kushagra Agarwal


Slick Border Gradients By David Higgins

Slick Border Gradients By Michael Parenteau

Slick Border Gradients By Chris Coyier

Pure CSS folded-corner effect By Nicolas Gallagher

Sliding Doors By CSS Creations


65 Responses to “45 CSS boxes (imageless) with demo & code ready to download.”

  1. Thanks for the cool collection of CSS3 only boxes; the styles that have been created look really good. The way the before and after pseudo elements have been used to create the sticky tape effect works really well. I will definitely use some of these techniques on my future web projects.

    • Blog1
      July 6th

      Hi Samuel, thanks a lot for you comment, we tryed to show the use of pseudo-classes. Best whishes.

  2. Many of these at the top are not rendering in Firefox, I actually looked at the post in Chrome to see the full effects.
    What can I do to get them to render properly in Firefox?

  3. they very creative and nice! unfortunately, only few works on firefox :(

    • Designer
      January 21st

      And almost none on IE. CSS3 offers a lot of possibilities which will be eventually be supported on all web browsers to come.

  4. I plan to use one of these boxes in my web page about polish fashion.

  5. ikhwanul fikri
    July 4th

    Hi there.

    I see a lot of code here does not fit with mozilla and opera. please correct this code ..

    This box was amazing.

    • Designer
      August 6th

      Its been a while since the release of the post and some of the boxes might not work as the new updates for mozilla and opera came out. we will have this in mind though. Thank you!

  6. RT @WebDesignShock: 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/th3NLBFd Pls RT #showcase

  7. RT @WebDesignShock: 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/th3NLBFd Pls RT #showcase

  8. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/WCeHwo0p via @webdesignshock

  9. RT @bkmacdaddy: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download – http://t.co/TdzR6hUp

  10. RT @mlane: 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/7IS5r3az

  11. RT @iconshock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/ogFGboCp RT Please

  12. RT @SpyOnDesign: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/PHETt4UF RT @joshuafrankel @pablolarah

  13. RT @mlane: 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/xywH7kLc

  14. Realmente pienso que en web pronto photoshop solo se usara para maquetear http://t.co/UuRn7i4u

  15. いいと思ったけどIEだと全く表現できんからなぁーー; css boxes
    http://t.co/HrzPONRJ

  16. RT @themeshock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/y6IAZ8FG RT Please

  17. [MUST-READ] 45 CSS Boxes (Imageless) With Demo & Code Ready To Download – http://t.co/4QNViaRy

  18. RT @EtnasSoft: INTERESANTE! 25 cajas/contenedores en CSS listas para descargar o copiar y pegar. http://t.co/8xcuTYhV

  19. 45 #CSS boxes (Imageless) with Demo & Code ready to download http://t.co/q1CQ0pnG

  20. RT @speheather: RT @webdesignshock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/0H0hKok2

  21. RT @speheather: RT @webdesignshock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/0H0hKok2

  22. RT @WebDesignShock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/rHnRiVkt RT Please

  23. RT @speheather: RT @webdesignshock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/0H0hKok2

  24. Některé efekty stojí za to – 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/aOiHCLT1 via @webdesignshock

  25. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/FNOb6G3C

  26. RT @WebDesignShock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/rHnRiVkt RT Please

  27. RT @WebDesignShock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/rHnRiVkt RT Please

  28. RT @WebDesignShock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/rHnRiVkt RT Please

  29. RT @WebDesignShock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/rHnRiVkt RT Please

  30. “45 CSS Boxes (Imageless) With Demo & Code Ready To Download.” http://t.co/Bi9uBqRs

  31. RT @webdesignshock: This is huge: 45 CSS Boxes (Imageless) With Demo & Code Ready To Download http://t.co/SF1Y4v3O

  32. 45 CSS Boxes (Imageless) With Demo & Code Ready To Download – http://t.co/ZFHMDsjK

  33. 45 CSS Boxes (Imageless) With Demo & Code Ready To Download – http://t.co/ZqswzCzK

  34. .@Thompson_Cheri 45 #CSS boxes for photos (imageless) with demo & code ready to download. http://t.co/VvYYctMM

  35. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/y8YNhIKB

  36. De très bons exemples d’utilisations de la propriété box-shadow en CSS3, originaux pour une fois ! http://t.co/cn21hYmA

  37. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/boRqJtnY via @webdesignshock

  38. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/oZ4mP9Kl via @webdesignshock

  39. RT @learncss: 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/oZ4mP9Kl via @webdesignshock

  40. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/TCsYRHLr via @webdesignshock

  41. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/2JGm4OLD via @webdesignshock #webdesign #webdevelopment #UX

  42. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/XaYNZy9a via @webdesignshock

  43. 45 CSS boxes (imageless) with demo & code ready to download. http://t.co/PAbwWS4j via @webdesignshock

Leave a Reply

Comments

*