codepen

Star

Here are 177 public repositories matching this topic...

matteobruni / tsparticles

Star

Open

Out Mode customizable for every edge

matteobruni commented Aug 24, 2020

OutMode actually is specified once for all edges like this:

outMode: OutMode.out

But I think that more customizable options can bring more cool effects, gravity can benefit this setup.

The options should become something like this:

outMode: {
    top: OutMode.none,
    /*left: OutMode.bounce,
    right: OutMode.bounce,
    bottom: OutMode.bounce,*

documentation enhancement feature_request good first issue

Open

Missing color features

Open

Link triangles frequency

Find more good first issues →

sdras / svg-workshop

Star

Materials for SVG Essentials & Animation Course

react svg timeline codepen svg-animations gsap greensock svg-workshop

Updated Jan 15, 2019
HTML

nucliweb / People-You-Should-Follow-on-CodePen

Star

People You Should Follow on CodePen

css svg webgl canvas creative-coding codepen animation p5js interaction

Updated Aug 16, 2020
JavaScript

MichaelDeBoey / gatsby-remark-embedder

Star

Gatsby Remark plugin to embed well known services by their URL.

markdown spotify instagram youtube twitch remark twitter giphy codepen soundcloud slides gatsby pinterest embed streamable lichess codesandbox gatsby-plugin gatsby-remark

Updated Aug 21, 2020
JavaScript

ronilan / BlockLike

Star

Bridging the gap between block programming and JavaScript.

javascript browser codepen learn-to-code educational blockly scratch learning-js

Updated Aug 9, 2020
JavaScript

WebAnimationWorkshops / workshop-resources

Star

Houses the resources for WAW workshop

codepen animation svg-animations waw web-animations web-animation-workshops workshop-resources

Updated Mar 18, 2018
JavaScript

sgratzl / d3tutorial

Star

📊

📈 A D3 v6 tutorial - interactive bar chart and multiple coordinated views (MCV)

javascript css d3 svg html tutorial typescript codepen barchart d3v4 d3js mcv d3-js d3v5 data-join multiple-coordinated-view d3v6

Updated Aug 27, 2020
HTML

acoti / articulate.js

Star

A jQuery plugin that lets the browser speak to you.

text-to-speech jquery-plugin codepen voice speechsynthesis

Updated Jan 10, 2017
JavaScript

RameshAditya / ducky

Star

Chrome extension to overlay a (super adorable) rubber duck, as a virtual companion during rubber duck debugging.

github javascript css chrome-extension html debugging productivity development chrome html5 reddit codepen rubber-ducky css3 stackoverflow debug duck debugging-tool

Updated Oct 27, 2018
JavaScript

kunukn / react-collapse

Star

Component-wrapper for collapse animation with CSS for elements with variable and dynamic height

react codepen accordion collapsible codesandbox css-transition

Updated Aug 3, 2020
JavaScript

thesephist / codeframe

Star

The fastest, easiest way to build and deploy quick static webpages

frontend codepen learn-to-code development-environment torus-dom

Updated Jul 15, 2020
JavaScript

fredrb / codepen-downloader

Star

Download showcase projects from codepen.io

command-line tool codepen unit-tested download-showcases

Updated Feb 23, 2019
JavaScript

Chalarangelo / htmltemplategenerator

Star

An HTML5 template page generator.

html boilerplate html5 generator codepen customizable jsfiddle boilerplate-html

Updated May 15, 2017
JavaScript

danielravina / codepen-electron

Star

Mac client for codepen.io

electron codepen

Updated Oct 22, 2017
JavaScript

websemantics / codepen-puppeteer

Star

Use Puppeteer to download pens from Codepen.io as single html pages

codepen web-scraping headless-chrome puppeteer

Updated Oct 30, 2017
JavaScript

AhsanParadise / Friendly_Code_Editor

Star

Try this Friendly Code Editor. You'll love it. I made it with a lot of effort. It has some great features. I will update it adequately later. Very helpful for developers. Enjoy and share.

Updated Aug 28, 2020
CSS

ManzDev / codevember2017

Star

30 days, 30 creative experiments. Created by Manz.

javascript css html challenge web codepen webdev codevember

Updated Mar 10, 2020
CSS

shettypuneeth / react-codepen-embed

Star

React component to embed pens from Codepen

codepen reactjs

Updated Jul 27, 2020
JavaScript

ckinmind / many-react-demo

Star

各种react demo的合集，有todo / 计算器 / 动画演示应用等(附详细说明和注释)

react calculator demo todo react-router codepen css-modules motion

Updated Mar 3, 2017
JavaScript

healeycodes / PairCode

Star

👩‍💻 Real-time pair coding in a HTML/CSS/JS playground

express real-time codepen full-stack pair-coding

Updated May 2, 2020
JavaScript

ozluy / react-hangman

Star

🤖

🎮 Hangman game with react

react game sass hangman-game codepen word-game

Updated Mar 15, 2020
JavaScript

interaminense / starry-sky

Star

⭐ Starry Sky with Css3 animations

codepen css3-animations interaminense starry-sky

Updated Dec 30, 2015
CSS

digiltd / codepen-alfred-workflow

Star

Super simple workflow shortcuts that uses the built in functionality of Alfred. Nothing special, but very handy.

codepen alfred-workflow

Updated Dec 10, 2017

ruisoftware / jquery-rsLiteGrid

Star

Input tabular data with your keyboard

javascript jquery keyboard grid codepen input table tabular-data cell output

Updated Oct 6, 2019
JavaScript

ruisoftware / jquery-rsSlideIt

Star

Slideshow/Presentation tool that uses 2D/3D CSS3 transformations

javascript jquery older-browsers slideshow slide codepen modernizr animation interpolation matrix fallback transformations transition animation-3d matrix3d

Updated Mar 22, 2017
JavaScript

arunkumar413 / Code-Ground

Star

A simple jsfiddle/jsbin like tool for testing and sharing small HTML, Js, CSS snippets

nodejs express codepen jsbin expressjs webapp jsfiddle nodejs-server webapplication

Updated Dec 28, 2018
JavaScript

WebDevStudios / WDS-Components-Library

Star

A place to extend our CodePen pens, for easy integration with wd_s

front-end codepen pattern-library component-library

Updated Jun 19, 2017
PHP

acupoftee / 25-Days-Of-CSS-Animations

Star

Code from 25 Days of CSS Animations challenge on CodePen

art css codepen css3 animation css3-animations webdev webdevelopment kawaii cute css3-animation

Updated Dec 3, 2019
CSS

1j01 / multifiddle

Star

(development inactive) Fiddle with coffee, js, css, html, and all that, in a minimalistic collaborative environment

Updated Mar 16, 2020
JavaScript

tsankashvili / codepen

Star

🌀 My Codepen Pens Collection

css codepen tsankashvili

Updated Aug 22, 2020
CSS

Improve this page

Add a description, image, and links to the codepen topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the codepen topic, visit your repo's landing page and select "manage topics."

Learn more

Jul	AUG	Sep
	28
2019	2020	2021