Popular Scripts & Codes 2023
Discover 115,504 unique source code components and scripts to create amazing websites and web apps in less time!
| Name | Developer | Description |
| Mapbox centred | Snografx | 1,740 kb. html, css and js files. |
| Linking Dots | Jasonhibbs | Just a bit of code that creates lines between dots. Itȁ... |
| Responsive Modal | Djgrant | 4,178 kb. html, css and js files. |
| Social Tab Menu | The_Animator | Animated social menu created using tabs. Font Awesome was us... |
| Doom screen wipe effect | Loktar00 | Was playing Doom the other day and was reminded of this effe... |
| Easy pie chart admin panel | Rendro | Admin panel built with the easy-pie-chart jQuery plugin base... |
| Fitted Color Grid | Mattbeaudry | 2,138 kb. html, css and js files. |
| CSS Domino Loader | Agrimsrud | 2,654 kb. html, css and js files. |
| Responsive vertical navigation | Huijing | I got quite tired of responsive navigation that collapse int... |
| Tap dropdown fix alt | DaveTheDev | 1,726 kb. html, css and js files. |
| Extending Scoreboard.js | Tbleckert | Moving the demos to Codepen. This pen shows how to extend Sc... |
| A Pen by Patrick Metcalfe | Pducks32 | 15,567 kb. html, css and js files. |
| Pure CSS post-it note animation | Bphillips201 | Inspired by my desk accessory |
| Annoying Fairy Selector | Rjenkins | An interface that mimics Z-targeting from Zelda: Ocarina of ... |
| 3 Column Layout | Bradfrost | A 3 column layout with 2 sidebars that stack beneath the mai... |
| Accordion Menu | Ianfarb | Nothing ground breaking here just a little more practicing w... |
| A Pen by Matt Porter | Pattmorter | 1,602 kb. html, css and js files. |
| Flexbox Responsive Grid Playground | Payls | I'm playing with flexbox to build a future proof fluid ... |
| The Box Model | Nevan | 1,794 kb. html, css and js files. |
| Process bars | Crazyrohila | some css process bars. (css is quick and dirty) |
| Form Validation | Slatiner | Using 'placeholder' attribute with appearing label... |
| Direction aware image gallery effect | 8bitcode | Direction aware image gallery as seen on the 2013 version wo... |
| Frame.io button exploration | Andyfought | Exploring transition styles for the buttons designed by my c... |
| Click event return false to disable details view | Getorgchart | Disable details view default behaviour with a return false o... |
| Pointless Rider | Elliottmunoz | Pure SVG animation of the Pointless Bear riding a trike. www... |
| Contact Page CSS3 Transation | Leodj | Contact Page animation from freelance project i have been wo... |
| A Pen by Pedro Campos | Pedrocampos | 1,671 kb. html, css and js files. |
| Mediacenter | Liona | 2,790 kb. html, css and js files. |
| Cards and stuff | Lescampbell | 2,048 kb. html, css and js files. |
| Mapbox with Retina support | Grawl | https://www.mapbox.com/mapbox.js/api/v1.6.0/retina/ |
| Supplement Page | Denniswarner | 2,299 kb. html, css and js files. |
| Gradient Hover Transition on Buttons | Ey_intuitive | Transition background color on a button using gradients |
| IOS Count notification | Gerardcuadras | 1,813 kb. html, css and js files. |
| HelloReact | Coffeedawg | Fork me to start off a new react.js project |
| Loading Spinner | Ck | Simple CSS Animation to visualize a loading spinner. For von... |
| Vue Js Component Two Way Data Binding | Zingchart | A ZingChart Vue component that allows for easy two way data ... |
| A Pen by nenad | Savacode | 0 kb. html, css and js files. |
| Responsive Facebook Like Box | JFarrow | This is a simple example of how to make Facebook Like Box re... |
| Simon | Seanjohnson08 | Wanted to make sure I wasn't losing my mind, so I built... |
| The Verge related articles layout | KurtTrowbridge | 49,406 kb. html, css and js files. |
| CSS Timeline | Agrimsrud | Turning an ordered list into a timeline using CSS. |
| Centering a div within a div, horizontally and vertically | Tipue | This is an example from the blog article The complete guide ... |
| Click to Tweet links for Blogger | Mariemosley | The jQuery code in this pen makes turns any text into a &quo... |
| Frame Patterns | Atelierbram | Repeating patterns as border-image.Main goal of this demo an... |
| Responsive radio tabs | Tappily | 4,508 kb. html, css and js files. |
| CSS3 only classic Gameboy | Kevingimbel | Made this to work around a bit with CSS (and CSS3). Helped m... |
| Ember.js Starter Kit | Fnando | 1,960 kb. html, css and js files. |
| Webkit Glass Effect | Synvox | Windows with some ui elements on a glassy effect |
| WebSlate | Venerons | 2,887 kb. html, css and js files. |
| Emoji | Gsaiki | 1,490 kb. html, css and js files. |
| Pure CSS Social Widget | Zephyr | Pure css social widget using before and after |
| Angular responsive comment system | Angelfire | Not all markdown is supported yet. I know it, and I'm w... |
| Justified List Centered with Flex | Joshsmith01 | Allows for the left-justified list to be centered all while ... |
| Responsive Checkout Progress Bar | Ossia | A responsive e-commerce checkout bar for a site I'm wor... |
| WP Mobile Menu Toggle | Substance90 | A jQuery 'plug-in' for displaying a three bar mobi... |
| Bootstrap Flat User Profile Interface UI | Ajaypatelaj | Bootstrap Flat User Profile Interface UI |
| Rose pattern | Captainbrosset | Demo using canvas and simple rotating "engines" wh... |
| Live Events Hero 2 | Designbyremedy | 3,580 kb. html, css and js files. |
| Favicon Generator | Peeyushsrj | Get the Favicon of the website you want, Just put it's ... |
| Time, all over the solar system | Mattn | 4,125 kb. html, css and js files. |
| Price table 2 | Dustlilac | 3,123 kb. html, css and js files. |
| Sketch.js Demo | Koshdnb | sketch.js is a tiny (~5k) boilerplate for creating JavaScrip... |
| Box Model | Ascarborough | 1,703 kb. html, css and js files. |
| Background peek-through | Catharsis | Solving for an element that peeks through its parent contain... |
| Back to the Future Button | Praliedutzel | DeLorean created entirely with CSS3. Submission for the BUTT... |
| A Pen by coolok | Coolok | 260,832 kb. html, css and js files. |
| Navbar with Hover Effect | Davidcochran | Shaping up a simple navbar, for beginners |
| Zoom any content or image. | IPawan | Zoom any content or image with CSS3 & JavaScript CSS cla... |
| Layout with a fixed footer | Edge0703 | Since the container has a min-height of 100%, it always fill... |
| Translucent border with notch. | Murtaugh | This requires a solid background color outside the box becau... |
| A Pen by james smith | Jsmit332 | 1,684 kb. html, css and js files. |
| Header | Ronvs | 7,125 kb. html, css and js files. |
| My Tic Tac Toe Game | Lx2611 | 2,594 kb. html, css and js files. |
| CSS Shapes with Sass | Ricardozea | Mixins to create the most commonly used shapes in CSS. Insip... |
| Confirmation button | Idered | 3,519 kb. html, css and js files. |
| Circle reveal animation | MaximilianLloyd | 2,105 kb. html, css and js files. |
| A Pen by Monchito | Monchito | 2,567 kb. html, css and js files. |
| A Pen by Keegan Street | Keeganstreet | Testing how the current typed word is coloured black in Fire... |
| Mobile bubble menu | BBlanchard | Web implementation of a bubble style menu found within many ... |
| Magic Numbers Game | Yigitbiber | 2,994 kb. html, css and js files. |
| CSS Stacked Paper Effect | Labnol | Creating a messy stack of papers using the magic of CSS tran... |
| Zelda Majora | Shaunandrews | 7,897 kb. html, css and js files. |
| SO Ekonomoi | Macludde | This is a project to use for a school project on Kunskapssko... |
| A Pen by bubbaJackson | BubbaJackson | 723,727 kb. html, css and js files. |