Dev tools · alternatives · 2026

24 alternatives to CodePen Patterns

A collection of design patterns & code for your project

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CodePen Patterns launched in 2014; newer entries below may have overtaken it.

1. 1
   Find Guidelines▲174

   A repository of products' design guidelines

   2014 · findguidelin.es · its alternatives →

2. 2
   Agile Designers▲164

   Best Resources for Designers and Developers

   2014 · agiledesigners.com · its alternatives →

3. 3
   Designspiration▲135

   Discover and share design inspiration

   2014 · designspiration.com · its alternatives →

4. 4
   The Starter Kit▲206

   Curated resources for web developers and visual designers

   2014 · its alternatives →

5. 5
   Novapattern▲181

   Curated directory of well-designed patterns to download

   2017 · novapattern.com · its alternatives →

6. 6
   Pattern Tap▲113

   Design Patterns from Zurb

   2014 · zurb.com · its alternatives →

7. 7
   Use your Interface▲157

   Discover and share transitional interface design patterns

   2015 · its alternatives →

8. 8
   Casual▲114

   Plan visually, view and organize projects

   2014 · casual.pm · its alternatives →

9. 9
   Data Monkey▲244

   Codeacademy for data

   2014 · datamonkey.pro · its alternatives →

10. 10
    CODY▲136

    Free library of HTML, CSS, & JS nuggets

    2014 · codyhouse.co · its alternatives →

11. 11
    Twibfy▲84

    Curated design inspiration

    2014 · bctechstrategy.ca · its alternatives →

12. 12
    Juiiicy▲102

    Freelance design projects, curated by great designers

    2014 · juiiicy.com · its alternatives →

13. 13
    Little Big Details▲119

    Your daily dose of design inspiration

    2014 · littlebigdetails.com · its alternatives →

14. 14
    Sketch Style Guides▲172

    Never start another design project from scratch

    2016 · uxpower.tools · its alternatives →

15. 15
    Mental Notes▲127

    Bring a little psychology to Web design

    2014 · getmentalnotes.com · its alternatives →

16. 16
    Patterninja▲176

    Create patterns online

    2016 · patterninja.com · its alternatives →

17. 17
    Design Patterns for Humans▲13

    An ultra-simplified explanation to Design Patterns

    2017 · github.com · its alternatives →

18. 18
    NerdyData▲93

    A Search Engine for Source Code

    2014 · nerdydata.com · its alternatives →

19. 19
    Web Design Manual▲84

    Collection of web design resources and quotes.

    2014 · webfieldmanual.com · its alternatives →

20. 20
    sortfolio▲96

    Find the right web designer for your next project.

    2014 · sortfolio.com · its alternatives →

21. 21
    Project Prescription▲134

    The cure for design clients

    2016 · its alternatives →

22. 22
    Next Project▲76

    Find and list projects for teams

    2014 · nextproject.co · its alternatives →

23. 23
    Mobile Patterns▲111

    UI examples for common Mobile features/interactions

    2014 · mobile-patterns.com · its alternatives →

24. 24
    Inclusive Design Patterns▲79

    Dozens of practical examples and workflows

    2016 · smashingmagazine.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →