css로 쉽게 애니메이션을 만들 수 있게 해주는 라이브러리

무료 아이콘이 제공됩니다.  각 아이콘마다 무료 라이센스 범위가 있으니 꼭 체크하세요.

심플하고 가벼운 CSS 애니메이션 라이브러리입니다.

스케치 단축키가 정리되어 있는 곳입니다.

컨텐츠 생성 플러그인입니다.  내용 중에 더미 이미지들이나 이름, 컨텐츠, 이메일등 임시로 가상의 데이터들로 채워놓아줍니다.

지도를 쉽게 만들어주는 플러그인 입니다.

어도비 XD 강좌, 튜토리얼 제공 해외 사이트

앱 마다 각 페이지 스크린샷도 있고 특성한 기능별로 따로도 분류되어 있고 완전 필요했던 사이트!

한글 폰트 중 상업적 사용이 가능한 폰트를 확인할 수 있는 툴입니다.

사용하기 편하고 유용해요~

원하는 스타일의 SVG 를 선택, 그리고 조절합니다. 색상도 크기도 조절 가능하고 css output 으로 바로 사용하실 수 있어요.

원하는 컬러도 선택하고, 결과 값도 클릭하면 또 서로 반전된 상태로 확인 할 수 있는 편한 웹툴입니다.

인스타그램에 쓰인 필터를 순수 CSS 만으로 효과를 줄 수 있게 css 파일을 제공합니다.

디자인 영감을 얻을 만한 자료들이 모인 곳.

핀터레스트 같은 느낌입니다.

스페이스를 누를 때 마다 새로운 색 조합을 보여주기도 하고 스크롤을 내리면 무한스크롤로 컬러 조합을 보여줍니다.

개인/상업적으로 사용 가능한 사진/동영상/폰트/벡터/아이콘들을 제공합니다.

무료로 마인드맵을 제작할 수 있어요.
소프트웨어로 다운받을 수 있고, 클라우드로 웹이랑 동기화도 되고, 앱이랑도 연동도 됩니다.
유료 버전으로 여러가지 추가 기능을 제공하지만 무료 기능으로도 충분히 사용할만 합니다.

심플한 리얼 무료(상업적 사용 가능) 아이콘 입니다.  다운로드를 받아서 SVG로 써도 되고, 코딩에 바로 쓸 수 있게도 제공됩니다.

플랫한 컬러에 대해 고민하고 있을 때 들러서 색에 대한 영감을 얻기 편해요.
팔레트 메뉴를 이용해서 매칭하여 사용한 케이스들도 활용해도 좋습니다.

파비콘이나 스마트폰에 바로가기 아이콘, 맥북이나 윈도우즈 OS의 아이콘등을 이미지 하나만 올리면 만들어 줍니다. 만약 웹으로 퍼블리싱할 경우 불러오는 코드, 설정하는 코드까지 자동 생성 됩니다.

매테리얼 컬러 뽑기 아주 유용합니다. 플랫한 컬러 중 선택하면 톤 조절한 단계별 컬러 챠트를 제공합니다.

웹으로 사용하는 프로토타입 툴입니다. 프로토타입으로 제작해서 퍼블리싱 버튼을 누르면 제공되는 도메인으로 목업된 웹사이트를 빌드해줍니다.

무료로 1기가까지 파일을 공유할 수 있는 1회용 공유 사이트 디자인 파일이나 관련 대용량 파일 공유할 때 유용합니다.

모션감 있는 UI들 모아놓은 곳

중앙정렬 코딩을 대신 만들어주는 사이트

css 이징값을 쉽게 만들어주는 사이트

무료, 사용자들이 찍은 데이터들로 마음에 드는 사진의 작가에게 자유 기부 형식으로 운영

무료, 운영자가 직접 촬영한 사진