Introducing Blueprints – A New Section on Codrops

We are introducing a new section on Codrops which will contain basic templates and components, called Blueprints.

By Manoela Ilic in Articles on
Introducing Blueprints - A New Section on Codrops

We are happy to announce a new section on Codrops: the Blueprints.

The Blueprints will be a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.

Since we had many requests to create more basic templates and plugins that can be easily used as a website component, we decided to give it a try. We hope that the Blueprints capture that idea and give you some basic foundations for building your projects.

Here you can find the first two Blueprints:

Elastic Content Slider
Elastic Content Slider

Full Width Image Slider
Full Width Image Slider

We hope you’ll enjoy our new section and find it useful!

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

Rotated 3D Letters and Image Hover Effect

Thumbnail Hover Effect with SVG Filters

Scroll Animation Ideas for Image Grids

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 59

Comments are closed.

  6. Cool. I like the idea of Blueprints. It’ll make it more easy to get the code snippets I need during website creation.

  9. Excellent ! Brillant ! This new chapter sounds like perfection
    I’m following you for a year now (thx RSS) and your approach of the web is like nature : a minimalistic efficient loving experience

  17. Would you please give me some feedback about my website, i intented to make a minimal layout. Thank you.

  20. This is pretty good. Versatility is key in these demos, and there’s nothing more versatile than basic frameworks, or blueprints in this case.

  22. Excellente. Hope they are compatible with the crappy (IE browsers at least IE8) so I can consider using them!!

    Excellent stuff!!

  24. Nice! You guys always have the best cutting edge stuff. This will be extremely useful and cool looking if you maintain that design style. Basic browser support icons would be awesome. You guys rock!!!

  27. I really like the idea of a blueprints section.. I predict site developers like myself will gleam a great deal of useful information from it.. Bravo..

  34. Kudos Mary….!
    your works are really apreciable…….
    Blueprint will be of grt help to website designers like us…..
    thnx a lott..!
    nd wish u all d best for its success…..
    🙂

  37. Wow, That’s Cool! Thanks Guys for the Ideas & Inspiration. It’ll be useful for everyone. I really Appreciate that. Thanks Mary..

  38. Great stuffs, this is gonna be a very more usefull source of resources than the tutorial section.

  40. Hi, sunny greeting from Indonesia 🙂

    Thank you very much for sharing with us. You’re so kind 🙂

  41. good idea thx !
    Just one thing, the name of this section : “blueprints” … because Blueprint is a CSS framework : http://www.blueprintcss.org/
    I was thinking your 1st article speak about it …You’re better than blue guys ;op

  42. Thanks so much guys. What a great idea. This is why this site is in my top 3.

  43. This is great. I love the projects on Codrops and the fact you give away the source files free, to have them blank and simplified ready for download is even more amazing! thanks!

  44. Just seen this from Twitter it is looking amazing this section, keep up the great work – this is becoming my fav place on the web!!

  47. These blueprint are already amazing – clean and functional. Amazing building blocks for my future projects. Thanks!