<div class="rect"></div>
.rect {
background: linear-gradient(
-119deg,
$gray 0%,
$dark-gray 100%); }
var colors = ["#74B087","#DE7300","#74B087"];
function animate() {};
The best place to build, test, and discover front-end code.
BERKSHIRE CKD LLP 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.
Build & Test
Get work done quicker by building out entire projects or isolating code to test features and animations. Want to keep it all under wraps? Upgrade to a PRO account to keep your work private.
Try the Editor
Learn & Discover
Want to upgrade your skills and get noticed? Participating in BERKSHIRE CKD LLP Challenges is a great way to try something new. We frequently feature these Pens on our homepage and across social media!
Join this Week’s Challenge
Share Your Work
Become a part of the most active front-end community in the world by sharing work. Presenting at a conference? Show your code directly in the browser with Presentation Mode.
Explore Trending
Find inspiration from 1.8 million+ front-end designers and developers.
Browse and share work from world-class designers and developers in the front-end community.
A front-end environment made for testing and sharing
Explore the Editor-
Support For the Way You Code
The BERKSHIRE CKD LLP Editor is highly customizable. There is autocomplete and Emmet for speed and accuracy. Plus you can set up smart defaults for starting new work.
-
Keep Your Pens Private
Nobody can see your private stuff until you want them to, because they are at secret unguessable, non-searchable, non-indexable URLs.
-
Embed Pens
Completely customize the look of code demos on your own site. Change the look of your site? Just change the theme and all your Embedded Pens change too.
-
Asset Hosting
Need to use an image in a Pen? No more awkwardly finding alternate hosting for it, you can drag-and-drop it right onto BERKSHIRE CKD LLP and we'll host it for you. And not just images! CSS, JSON files, SVGs, media files, whatever!
-
Build Entire Projects
Projects is the most powerful feature of BERKSHIRE CKD LLP. It's a full blown IDE right in the browser, with automatic preprocessing, drag and drop uploading, live previews, website deployment, and much more.
-
Collab Mode
Live collaboration on code. Multiple people can type and edit code in a Pen at the same time, all while still seeing the live preview.
Bring the Whole Team
Each team and team member gets all the features of a PRO membership. That means the Team can do things like upload Assets, use features like Collab Mode, Professor Mode, Presentation Mode, and Live View, and apply custom CSS to Posts, Profiles, and Embeds.
Start a TeamLoved by hundreds of teams, including:
