T O O L S

• autoprefixer ⇢ auto css prefixes
• canva ⇢ design
• coolors ⇢ generate color palettes
• favicon generator ⇢ generate favicon
• screenfly ⇢ test on different sizes
• sleekplan ⇢ user feedback tool
• transfonter ⇢ generate @font-face
• clippy ⇢ generate clip-path

‍ ‍ ‍ ‍ ‍

I C O N S

browse:

• flaticon
• iconfinder
• iconscout
• thenounproject

sets:

• fontawesome ⇢ icons
• google ⇢ icons
• iconoir ⇢ icons ‍ ‍❑
• ionicons ⇢ icons
• openmoji ⇢ emojis
• phosphor ⇢ icons
• remix icon ⇢ icons
• streamline ⇢ icons, emojis ‍ ‍❑
• systemuicons ⇢ icons

codes:

• noto color emoji font ⇢ emoji font
• twemoji ⇢ emojis

‍ ‍ ‍ ‍ ‍

J S / C S S

• baguettebox ⇢ image lightbox
• flickity ⇢ carousels
• focus overlay ⇢ prettier focus states
• headroom ⇢ header ‍ ‍❑
• isotope ⇢ filter & sort layouts
• jump.js ⇢ smooth anchor links ‍ ‍❑
• masonry ⇢ grid layouts ‍ ‍❑
• packery ⇢ draggable layouts
• plyr ⇢ video player
• shave ⇢ truncate text ‍ ‍❑
• sweetalert2 ⇢ modal boxes ‍ ‍❑

forms:

• cleave.js ⇢ number input formatter
• flatpickr ⇢ date & time picker
• iro.js ⇢ color picker ‍ ‍❑
• parsley ⇢ form validation
• select.js ⇢ dropdown menus
• switchery ⇢ ios switches
• validate.js ⇢ form validation ‍ ‍❑

scroll animation:

• lax.js
• locomotive
• scrolltrigger ‍ ‍❑

wysiwyg editors:

• editor.js ‍ ‍❑
• quill.js ‍ ‍❑
• suneditor

tooltips:

• drop.js ‍ ‍❑
• jbox
• tippyjs ‍ ‍❑
• toolbar.js
• tooltipster

css animations:

• animate.css
• animatopy
• animista
• cssanimation.io
• cssshake
• hamburgers
• hover.css
• micron.js
• moving letters
• reboundgen

loading animations:

• spinkit ‍ ‍❑
• three dots
• whirl

‍ ‍ ‍ ‍ ‍

❑ .. use for notewalls?