본문 바로가기

소프트웨어 이야기/자바스크립트

(Front) 유용한 웹디자인 오픈소스

사무실 키오스크 앱을 꾸미면서, 웹디자인 오픈소스에 관심이 생겼다.

마음에 드는 오픈소스들을 정리해보고자 한다.

🎨 CSS / JavaScript 오픈소스

1.Strobe Light Effect for Text

 

 

 

Glitch effect strobocops

...

codepen.io

2. Confetti Falling Background Using Canvas

 

Confetti

...

codepen.io

3. Looking Through Water Blur Animation Effect – 5 Styles

https://codemyui.com/looking-water-blur-animation-effect-5-styles/

4. Microsoft Defrag (MSDOS) - Now on your browser!

https://codepen.io/manz/pen/MdErww

💡TIP

1. 무료 고화질 사진을 얻을 수 있는 곳

https://unsplash.com

2.SCSS 코드를 CSS으로 변환할 때는 아래의 페이지를 이용하면 된다.

https://www.cssportal.com/scss-to-css/  

3. 물결치는 효과를 내려면 pixij을 활용해야한다.