Welcome to ps-DevInfo

1000 Inspiring Websites

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

18F Accessibility Checklist

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

Aceternity UI

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

AI Skeletons

AI generated skeletons based on your components

App Backend

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

BigDevSoon

Discover new projects to practice your coding skills

Blitz.js

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

Clerk

The most comprehensive User Management Platform

Clippy

CSS clip-path maker

Code Animations

Beautiful code animations for social media and websites

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.

Color Contrast Checker

Color Review

Color theming, focused on accessibility and contrast.

Console Ninja

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

Conventiional Commits

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

Convex

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

CSS Background Generator

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

CSS Loaders

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

Curated Design

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

Design Resources

A github repository with tons of design resources

DevUI

A collection of modern UI components for developers

Dribbble

Discover the world’s top designers & creatives

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.

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.

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.

Figma

Collaborative interface design tool

Flowbite

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

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.

Footer.design

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

Framer Motion

A production-ready animation library for React

godly.website

Astronomically good web design inspiration from all over the internet.

Google Fonts

Free, open-source fonts optimized for the web

GSAP

Professional-grade animation library for the modern web.

Hero Patterns

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

Hover.dev

Animated UI Components for React & Tailwind

Ibelick Animations

A curated collection of animations crafted exclusively with Tailwind CSS

Ibelick Backgrounds

A collection of modern and unique backgrounds for your website

Ibelick Buttons

A collection of modern and unique buttons for your website

Ibelick LAB

A collection of experimental UI components and effects

Ibelick UI

A unique collection of modern UI components and effects

Kinde

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

KitForStartups

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

Lenis

An elegant smooth scroll API for the web

LogoFast

Create your own logo in seconds for free.

LogoShaper

A simple logo maker for your projects

Lucide

A simply beautiful open-source icon set

MagicPattern

10+ tools for designers and developers

Mantine

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

Microcopy

Short text for your website. 100% free.

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.

MongoDB

The most popular database for modern apps

MonkeyType

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

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.

Next-Auth

Authentication for Next.js

npm Intellisense

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

Open Doodles

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

Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

PlanetScale

The database for developers

Postman

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

Precedent

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

Prettier

An opinionated code formatter

query.gg

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

React Email

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

React TS Cheatsheet

Cheatsheets for experienced React developers getting started with TypeScript.

Readme.so

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

Recharts

A composable charting library built on React components

Replicate

AI API for generating synthetic data

Resend

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

Revert

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

shadcn-ui

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

shadcn-ui Theme Generator

A theme generator for shadcn-ui

sharpen.design

Design prompts to sharpen your design skills

ShipFast

A Next.js boilerplate for building SaaS applications

Spline - 3D Design Tool

A 3D design tool for the web

Squoosh

Compress images without sacrificing quality

Stack Sorted

A curated list of community components & element designs

Strapi

The leading open-source headless CMS

Supabase

The open source Firebase alternative

Tailwind CSS

A utility-first CSS framework for rapidly building custom designs

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.

Tailwind UI

Beautiful UI components, crafted by the creators of Tailwind CSS

Tanstack Query

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

ThirdWeb

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

UIVerse

Open-Source UI elements for any project

UploadThing

A simple file uploader for your web app

useHooks

Collection of React hooks curated by the community

Vercel

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

Wagmi

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