오픈소스로 공유된 CSS 프레임워크로 bootstrap, metarial UI, semantic UI 등이 있다. codepen처럼 폼을 모아놓은 저장소 홈페이지도 존재한다. 마음에 드는 사이트를 이용하여 원하는 기능에 디자인을 적용할 수 있다.
여기서는 codepen을 예로 들어 사용해보겠다.
https://codepen.io/search/pens?q=login&order=relevance
코드펜에서 login을 검색하면 나오는 로그인 폼 중 원하는 것을 선택한다.
사용하기에 앞서 사용에 문제가 없는지 라이센스 확인이 필요하다.
원하는 것 선택 후 하단의 comments>License를 보면 적혀있다.
<aside> 💡 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
</aside>
예를 들어 해당 메세지가 포함되어있는 경우 라이센스를 프로젝트 안의 사용된 부분에 명시를 해주어야 한다.