Dev Days Matrix Library

Library

Components

• Toast Notification
• Animated Countdown
• Drawing App
• Kinetic Loader
• Auto Text
• Event Key Codes
• Custom Range Slider
• Drag and Drop
• Ripple Button
• Hoverboard

Patterns

• Auto Toggle
• Theme Clock
• Background Image Slider
• Double Vertical Slider
• Image Carousel
• Side Navigation Buttons
• Mobile Footer Navigation
• Like Image
• Verify Account Input
• Smiley Feedback
• Card (w. Content Placeholder)
• FAQ Collapse

Modules

• Custom Video Player
• Picture in Picture
• Remote Video Player
• Kanban Board
• Drink Water
• To Do List
• New York Countdown
• Custom Countdown
• Speech Text Reader
• Joke Teller
• Quote Generator
• Dad Jokes
• Password Generator
• Meal Finder
• Github Profiles
• Memory Cards
• Richest People
• Quiz App
• Infinite Scroll Posts
• Lyrics Search
• Infinite Scroll Images
• Markdown Notes App
• Burger Slidein Navigation
• Expanding Navigation Bar
• Sticky Navigation Bar
• Netflix Navigation
• Movie Seat Booking
• 3D Boxes Background
• Hangman
• Speed Typer
• Breakout
• Speak Number Guessing
• Rock Paper Scissors Lizard Spock
• Math Sprint Game
• Paint Clone
• Pong
• Random Choice Picker
• Insect Catch Game
• relaxer
• Bookmark Keeper
• NASA Astronomy Picture of the Day
• Movie App
• Pokedex
• Random Image Feed
• Form (Validation)
• Signup Form (Validation)
• Password Strength Background
• Email Extractor
• Live User Filter
• Incrementing Counter
• Testimonial Card Switch
• Exchange Rate Calculator
• Fortune Calculator
• Expense Tracker
• Classic Calculator
• Custom Audio Player
• Custom Music Player

System

Products

• Simplefolio
• Light Dark Mode Portfolio
• Menu Slide & Modal Landing Page
• Animated Tailwind Landing Page Template
• Splash Clone

Frontend Mentor Library

Library

Patterns

• QR Code Card

Generic Component Library

Library

Components

• Paragraph
• Heading
• Time (Text)
• Pill (Round)
• Pill (Round - Active)
• Image
• Text Input
• Search (Hidden)
• Button (Base)

Patterns

• Custom Video Player
• Navigation Tabs (Only CSS)
• Navigation Tabs (with JS)
• Scrollspy
• Progress Steps
• Popup
• Modal Window
• Blurry Loader
• Stack (primitive)
• Sprit Screen Hero
• Checkbox Field
• Inline Checkbox
• Radio Field
• Select Field
• Text Field
• Textarea Field
• Digital Clock
• Digital Clock (V2)
• Card List (Fancy Hover)
• Expanding Cards
• Pricing Panel
• Sound Board
• Alert
• Accordion (CSS Only)

Modules

• Weather App
• Task List
• To Do List
• To Do List (V2)
• Quotation Generator
• Stopwatch
• Ninja Quiz
• Quiz
• Note Manager
• Rotating Navigation
• Movie Seat Booking
• Coin Game
• Guess My Number
• Number Guesser
• Math Game
• Pig Game
• Cops and Robbers (Board Game)
• Image Comparison Slider
• Form (Validation)
• Form (Wave)
• Simple Subscribe Form
• Activity Launcher
• Counter
• Score Keeper App
• Load Calculator
• Exchange Rate Calculator
• Book List

System

Products

• Resume page w/ Timeline

Generic Component Library V2

Commons

Layouts

• Box Primitive
• Center Primitive
• Cluster Primitive
• Cover Primitive
• Frame Primitive
• Grid Primitive
• Grid Cards
• Icon Primitive
• Imposter Primitive
• Reel Primitive
• Stack Primitive
• Switcher Primitive
• Holy Grail
• Sidebar Simple
• Sidebar Media Object

Library

Components

• Button (Base)

Modules

• Browser Detect