ly525 / luban-h5

dragon.js is a bookmarklet that lets you drag any element on a website using a mouse or touchscreen. The goal is to speed up in-browser design critiques and brainstorming new layout ideas.

web-development bookmarklet dev-tool web-design touchscreen in-browser

Updated Mar 9, 2016
CSS

MilanAryal / web-development-resources

Star

A list of open source front-end tools and resources for web designers and developers.

awesome framework web-development resources web-application awesome-list web-design front-end-development web-development-tools

Updated Feb 3, 2022

Antrikshy / Tinseltown.js

Star

A lightweight CSS/JS library for faux hacker-movie-style page loading effects

sass css-animations web-design hacktoberfest

Updated Aug 18, 2021
JavaScript

xemantic / shader-web-background

Sponsor

Star

Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.

javascript design webgl library framework web-development web shaders javascript-framework glsl javascript-library closure-compiler shadertoy background web-design webgl2 glsl-shaders fragment-shaders shadertoy-compatibility

Updated Dec 18, 2021
JavaScript

codrops / GooeyTextHoverEffect

Star

A gooey text hover effect using SVG filters

javascript css web-design svg-filter

Updated Apr 28, 2020
HTML

selfishprimate / gerillass

Star

Gerillass is a Sass mixin library containing a set of Sass mixins and functions to help front-end developers generate scalable CSS outputs.

css gulp sass web-development css3 scss developer-tools sass-files web-design sass-boilerplate sass-framework sass-library sass-mixins front-end-development development-tools sass-functions sass-mixin-library sassui sass-toolkit gerillass

Updated Apr 1, 2022
SCSS

byeolbit / translucent

Star

Translucent plastic card theme.

css html theme jquery design jquery-plugin ui style web-design transparent translucent

Updated Aug 22, 2018
JavaScript

Dalimil / Web-Design-Pirate

Star

DevTools Extension for Chrome and Firefox - Fast and easy way to copy full HTML widgets, components, and parts of web design. ⛵

👻

⚓

chrome-extension chrome chrome-devtools web-design

Updated Jan 4, 2021
JavaScript

newpanjing / graphic-design

Star

js和vue实现图形画板，可以实现div 自动拖动和拉伸改变大小。还实现了选区功能，可以和windows的桌面图标一样，拉选区选中多个div元素，实现批量拖动、删除的功能。

design web vue js web-design

Updated Jan 21, 2019
JavaScript

Themalni / portfolio

Star

Front-end developer portfolio website

javascript css html front-end portfolio-website project web-design front-end-development

Updated Oct 2, 2020
HTML

codrops / TypographyMotion

Star

Recreation of Thibaud Allie's letter stagger animation.

animation gsap web-design splittingjs

Updated Nov 11, 2020
JavaScript

AndrejGajdos / List-of-Free-Online-Tools-For-Front-end-Web-Development

Sponsor

Star

🔖 [2020] List of free online tools and resources in form of web applications or web services for front-end development. Each tool contains a short description with a .gif preview or a webpage screenshot.

css svg fonts web-development patterns colorscheme images colors typography web-application web-tool web-design front-end-development web-tools

Updated Jan 18, 2020

timc1 / time-capsule

Star

Write a letter to your future self - receive it in one year.

react javascript css html hooks ui animation ux web-design gatsbyjs

Updated Feb 3, 2019
JavaScript

puxl / puxl-framework

Star

PUXL framework is a free and open-source and eco-friendly library to create front-end Web interfaces. It helps you build accessible and responsive sites with lightweight HTML.

javascript open-source documentation web accessibility css3 a11y vanilla-javascript css-framework vanilla-js free-software web-design ui-components mit-license accessible-colours web-development-tools ui-framework responsive-web-design accessibility-checker

Updated Aug 31, 2020
CSS

rjrodriguez / RCH-Bootstrap-4-Snippets

Star

A collection of Bootstrap 4 snippets for Brackets, based in ACB Bootstrap Snippets of Antonio Carlos Barbosa

css html jquery template framework web-development web html5 frontend brackets responsive frontend-web bootstrap4 mobile-first web-design popper hints front-end-development

Updated May 21, 2020
JavaScript

kenangundogan / madosel

Star

Modasel is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps that look amazing on any device. Madosel is semantic, readable, flexible, and completely customizable.