CodePen
CodePen is an online community and development environment for testing and showcasing user-created HTML, CSS, and JavaScript code snippets.
- Category
- Development & Coding
- Pricing
- Freemium
- Platforms
- web
- Website
- CodePen official site
Other development & coding tools
- VS Code — Free, open-source code editor with debugging, Git integration, and extensive extension marketplace.
- Lovable — Lovable is an AI-powered platform that enables users to create web applications and websites by providing natural language descriptions, eliminating the need for extensive coding.
- Next.js — Next.js is an open-source React framework for building full-stack web applications, supporting server-side rendering, static site generation, and API routes. It is developed and maintained by Vercel.
- Goldfish — Goldfish is a terminal-based AI coding assistant that runs locally in your shell, helping developers write, debug, and understand code directly from the command line without leaving their workflow.
- Locomotive Scroll — A lightweight JavaScript library for smooth scrolling, in-view detection, and parallax effects, built on top of Lenis.
- Animated Buttons (Colorion) — A copy-and-paste library of pure-CSS animated buttons from the Colorion family of tools. Each snippet is self-contained, MIT licensed, needs no JavaScript, and respects prefers-reduced-motion.
- BagUI — An open-source registry of shadcn/ui components, animated sections, and production-ready blocks, including navbars, heroes, footers, pricing tables, and CTAs.
- BrowserStack — BrowserStack is a cloud-based web and mobile testing platform that lets developers and QA teams test their applications across real browsers, devices, and operating systems without maintaining an in-house device lab.