Add resources for the community on the fly ✨

Welcome to the Den 🦁

DevelopersDen is an open source collection of quality resources for developers, designers & backend nerds.

1000 Inspiring Websites

1000 Inspiring Websites

A growing list of websites that are memorable, clear and delightful.

Design
UI UX
Free

18F Accessibility Checklist

18F Accessibility Checklist

https://guides.18f.gov/accessibility/checklist/

Accessibility
Documentation
Free

Aceternity UI

Aceternity UI

Copy paste the most trending components and use them in your websites without having to worry about styling and animations.

UI UX
Components
Animations
Free

AI Skeletons

AI Skeletons

AI generated skeletons based on your components

AI
Components
Free

App Backend

App Backend

A simple backend for your static website to make it dynamic.

API
Database
CMS
Free Plan Available

BigDevSoon

BigDevSoon

Discover new projects to practice your coding skills

Learning & Challenges
Free

Blitz.js

Blitz.js

The Missing Fullstack Toolkit for Next.js. Providing battle-tested libraries and conventions for shipping and scaling world wide applications.

Boilerplate
Components
Frameworks
Authentication
Free

Clerk

Clerk

The most comprehensive User Management Platform

Authentication
Free Plan Available

Clippy

Clippy

CSS clip-path maker

CSS
Images
Free

Code Animations

Code Animations

Beautiful code animations for social media and websites

Animations
Video
Free

CodePen

CodePen

CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

CSS
Components
Learning & Challenges
Free
Color
Accessibility
Design
Free

Color Review

Color Review

Color theming, focused on accessibility and contrast.

Accessibility
Color
Design
Free

Console Ninja

Console Ninja

Stop feeling lost and inefficient when debugging via logs. Use the right tool and debug using console.log like a ninja.

VS Code Extensions
Free

Conventiional Commits

Conventiional Commits

A specification for adding human and machine readable meaning to commit messages.

Documentation
Free

Convex

Convex

A better type of backend. Convex is the fullstack TypeScript development platform. Replace your database, server functions and glue code.

Database
Authentication
Free Plan Available

CSS Background Generator

CSS Background Generator

Beautiful pure CSS background patterns that you can actually use in your projects!

CSS
Backgrounds
Free

CSS Loaders

CSS Loaders

The biggest collection of loading animations for websites. 600+ CSS-only loaders for your next project.

Snippets & Hooks
CSS
Animations
Free

Curated Design

Curated Design

Unleash your creativity with out-of-this-world web design inspiration from across the web

Design
UI UX
Free

Design Resources

Design Resources

A github repository with tons of design resources

Design
Documentation
Free

DevUI

DevUI

A collection of modern UI components for developers

UI UX
CSS
Components
Free

Dribbble

Dribbble

Discover the world’s top designers & creatives

Design
Free

EmailJS

EmailJS

Send email directly from your code, no server side code required. Add static or dynamic attachments, dynamic parameters, captcha code and more. 200 free emails per month.

Email
Free

Error Lens

Error Lens

ErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline.

VS Code Extensions
Free

Favicon.io

Favicon.io

The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis.

Images
SEO
Free

Figma

Figma

Collaborative interface design tool

UI UX
Design
Free Plan Available

Flowbite

Flowbite

Build websites even faster with components on top of Tailwind CSS.

Components
UI UX
Free Plan Available

Fontshare

Fontshare

Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional grade fonts that are 100% free for personal and commercial use.

Fonts
Design
Free

Footer.design

Footer.design

Footer fills the need for footer-specific inspiration in the web design space.

Design
Free

Framer Motion

Framer Motion

A production-ready animation library for React

Animations
Libraries & Packages
Free

godly.website

godly.website

Astronomically good web design inspiration from all over the internet.

UI UX
Design
Free

Google Fonts

Google Fonts

Free, open-source fonts optimized for the web

Design
Fonts
Free

GSAP

GSAP

Professional-grade animation library for the modern web.

Animations
Libraries & Packages
Free

Hero Patterns

Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects.

Design
Images
Free

Hover.dev

Hover.dev

Animated UI Components for React & Tailwind

UI UX
Components
Animations
Free Plan Available

Ibelick Animations

Ibelick Animations

A curated collection of animations crafted exclusively with Tailwind CSS

Animations
CSS
UI UX
Free

Ibelick Backgrounds

Ibelick Backgrounds

A collection of modern and unique backgrounds for your website

CSS
Backgrounds
Snippets & Hooks
Free

Ibelick Buttons

Ibelick Buttons

A collection of modern and unique buttons for your website

UI UX
CSS
Components
Free

Ibelick LAB

Ibelick LAB

A collection of experimental UI components and effects

Components
CSS
Free

Ibelick UI

Ibelick UI

A unique collection of modern UI components and effects

Components
UI UX
CSS
Free

Kinde

Kinde

Simple, powerful authentication to get your product up and running in minutes.

Authentication
Free Plan Available

KitForStartups

KitForStartups

KitForStartups is a starter kit for building and shipping fast, secure, and scalable full stack SaaS applications with SvelteKit and TypeScript.

Boilerplate
Free

Lenis

Lenis

An elegant smooth scroll API for the web

UI UX
Libraries & Packages
Free

LogoFast

LogoFast

Create your own logo in seconds for free.

Images
Free

LogoShaper

LogoShaper

A simple logo maker for your projects

Images
Free

Lucide

Lucide

A simply beautiful open-source icon set

Components
Icons
Free

MagicPattern

MagicPattern

10+ tools for designers and developers

CSS
Backgrounds
Design
$$$

Mantine

Mantine

100+ components and 50 hooks to cover you in any situation.

UI UX
Components
Snippets & Hooks
Free

Microcopy

Microcopy

Short text for your website. 100% free.

UI UX
Writing
Design
Free

Mobbin

Mobbin

Mobbin is the world's largest UI & UX reference library. It's always up-to-date, includes mobile and web, and lets you filter by specific app categories, UI elements, flow patterns, and more.

UI UX
Design
Free Plan Available

MongoDB

MongoDB

The most popular database for modern apps

Database
Free Plan Available

MonkeyType

MonkeyType

Monkeytype is a minimalistic and customizable typing test. Providing straightforward, real-time feedback on typos, speed, and accuracy.

Typing
Free

Myna UI

Myna UI

Create stunning, modern web experiences instantly with Myna UI — a comprehensive design system and UI kit that lets you customize and extend designs.

Design
UI UX
Components
Free

Next-Auth

Next-Auth

Authentication for Next.js

Authentication
Free

npm Intellisense

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements.

VS Code Extensions
Free

Open Doodles

Open Doodles

Open Doodles is a set of free illustrations that embraces the idea of Open Design.

Design
Illustrations
Free

Path Intellisense

Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

VS Code Extensions
Free

PlanetScale

PlanetScale

The database for developers

Database
Free Plan Available

Postman

Postman

Postman is an API platform for building and using APIs. Create better APIs - faster.

API
Free

Precedent

Precedent

A Next.js starter template with framer motion and reusable hooks/components

Boilerplate
Components
Snippets & Hooks
Free

Prettier

Prettier

An opinionated code formatter

VS Code Extensions
Free

query.gg

query.gg

The official React Query course. Master React Query with Mystifying Ease.

Documentation
Learning & Challenges
Snippets & Hooks
Free

React Email

React Email

The next generation of writing emails. A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.

Email
Free

React TS Cheatsheet

React TS Cheatsheet

Cheatsheets for experienced React developers getting started with TypeScript.

Documentation
Cheatsheets
Free

Readme.so

Readme.so

The easiest way to create a README. Fast, easy and free.

Documentation
Free

Recharts

Recharts

A composable charting library built on React components

Components
Data Visualization
Libraries & Packages
Free

Replicate

Replicate

AI API for generating synthetic data

AI
API
$$$

Resend

Resend

Email for developers. The best way to reach humans instead of spam folders. Deliver transactional and marketing emails at scale.

Email
Free

Revert

Revert

Revert is an open-source unified API to build, maintain and scale your ALL of your product integrations

API
SAAS
Free Plan Available

shadcn-ui

shadcn-ui

A collection of UI components for React. Built with Tailwind CSS

Components
UI UX
CSS
Free

shadcn-ui Theme Generator

shadcn-ui Theme Generator

A theme generator for shadcn-ui

UI UX
CSS
Free

sharpen.design

sharpen.design

Design prompts to sharpen your design skills

Learning & Challenges
Design
Free

ShipFast

ShipFast

A Next.js boilerplate for building SaaS applications

Boilerplate
SAAS
$$$

Spline - 3D Design Tool

Spline - 3D Design Tool

A 3D design tool for the web

UI UX
Design
Animations
Free

Squoosh

Squoosh

Compress images without sacrificing quality

Images
Performance
Free

Stack Sorted

Stack Sorted

A curated list of community components & element designs

Design
Components
CSS
Free

Strapi

Strapi

The leading open-source headless CMS

CMS
API
Free Plan Available

Supabase

Supabase

The open source Firebase alternative

Database
Authentication
Free Plan Available

Tailwind CSS

Tailwind CSS

A utility-first CSS framework for rapidly building custom designs

CSS
Frameworks
Free

Tailwind CSS Intellisense

Tailwind CSS Intellisense

Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.

VS Code Extensions
Free

Tailwind UI

Tailwind UI

Beautiful UI components, crafted by the creators of Tailwind CSS

UI UX
CSS
Components
Boilerplate
$$$

Tanstack Query

Tanstack Query

Tanstack (React) Query makes fetching, caching, synchronizing and updating server state in your web applications a breeze.

Libraries & Packages
Snippets & Hooks
Free

ThirdWeb

ThirdWeb

Build web3 apps fast, on any EVM chain. The fullstack web3 platform.

Web3
Free

UIVerse

UIVerse

Open-Source UI elements for any project

UI UX
CSS
Components
Free

UploadThing

UploadThing

A simple file uploader for your web app

API
CMS
Images
Video
Free Plan Available

useHooks

useHooks

Collection of React hooks curated by the community

Documentation
Snippets & Hooks
Free

Vercel

Vercel

Develop. Preview. Ship. For the best frontend teams. Vercel.

Web Hosting
Free Plan Available

Wagmi

Wagmi

Type Safe, Extensible, and Modular by design. Build high-performance blockchain frontends.

Web3
Free