/Files

Files

Primary LanguageHTML

Project description

My boiler template for creating a new project.

Project template

Used myStarterFiles

Webpack & Babel

Used vanillaStarterFiles


Box-Shadows

https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

/* offset-x | offset-y | blur-radius | spread-radius | color */ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

/* inset | offset-x | offset-y | color */ box-shadow: inset 5em 1em gold;

image

👉 https://www.cssmatic.com/box-shadow

Animation Generator

image

https://animate.style/

List of animations

image

👉 http://ianlunn.github.io/Hover/

image

👉 https://animista.net/play/basic

Bezier

image

👉 https://easings.net/#

Blob Generator

image

👉 https://www.blobmaker.app/

image

👉 https://shuffle.dev/tools/blob-generator

Gradient Mesh

image

👉 https://csshero.org/mesher/

👉 https://meshgradient.com/

CSS Waves Generator

image

👉 https://getwaves.io/

Clip Path Generator

image

👉 https://bennettfeely.com/clippy/

Animated CSS Background Generator

image

👉 https://wweb.dev/resources/animated-css-background-generator/

CSS Underline Generator

image

👉 https://underline-generator.netlify.app/

HSLA Color Generator

image

👉 https://hslpicker.com/

👉 https://fffuel.co/cccolor/

Color Palettes Generator

image

👉 https://mycolor.space/

CSS Animation Generator

👉 https://angrytools.com/css/animation/

👉 https://waitanimate.wstone.uk/

CSS Gradient Buttons

image

👉 https://gradientbuttons.colorion.co/

CSS Duotone

image

👉 https://cssduotone.com/

CSS Animated Hamburger Menu

image

👉 https://jonsuh.com/hamburgers/

👉 https://www.sliderrevolution.com/resources/css-hamburger-menu/

CSS Mask

image

👉 https://www.html-code-generator.com/

👉 https://ilyashubin.github.io/FilterBlend/

CSS Image Blending

image

CSS Grid Visual Layout

image

👉 https://grid.layoutit.com/

image

👉 https://cssgrid-generator.netlify.app/

CSS Glass

image

👉 https://css.glass/

Neumorphism

image

👉 https://neumorphism.io/

👉 https://neumorphic.design/

Icons

image

👉 https://boxicons.com 👉 https://remixicons.com 👉 https://akveo.github.io/eva-icons/ 👉 https://ionic.io/ionicons

Babel Webpack Generator

image

👉 https://createapp.dev/

DockerFile Generator

👉

PWA Icons & Manifest Generator

image

👉 https://tomitm.github.io/appmanifest/

image

👉 https://app-manifest.firebaseapp.com/

JSON to Classes generator

Map styling

image

👉 https://snazzymaps.com/editor

JS Libraries

image

👉 https://scrollrevealjs.org/api/reveal.html

image

👉 https://greensock.com/docs/v3/Installation

image

👉 https://glidejs.com/docs/api/

SVG Animate

image

👉 https://www.svgator.com/

CSS PRRSPECTIVE

image

👉 https://3dbookcovergenerator.netlify.app/

CSS TOOLS

image

👉 https://10015.io/tools/css-clip-path-generator

Patterns

image

👉 https://haikei.app/generators/

ReadMe MD editor

image

👉 https://stackedit.io/app

ReadMe Badge generator

image

👉 https://badgen.net/

CSS RIBBON

👉 https://www.generateit.net/css-ribbon-generator/