contributing guidelines 읽어보세요. PSD, Sketch, Figma 등과 같은 다양한 형식의 최신 UI 구성 요소가 포함된 웹 사이트 및 리소스. 웹 구성 요소/UI에 대한 아이디어를 얻는 데 적합합니다.
| 웹사이트 | 설명 |
|---|---|
| SVG 사인파 | 프런트엔드 프로젝트를 위해 완벽한 사인파를 SVG로 내보내기 |
| UI 디자인 데일리 | 모든 유형의 멋진 UI 구성요소 |
| 100 일일 UI | 제품, 요소 및 화면이 포함된 무료 Figma 라이브러리 |
| 스케치 앱 소스 | 스케치 UI, 와이어프레임, 아이콘 등 |
| 휴만스 | 믹스 앤 매치 능력을 갖춘 사람들의 멋진 일러스트 |
| Paaatterns | 모든 벡터 형식에 대한 아름다운 패턴의 무료 컬렉션 |
| 404 일러스트레이션 | 404페이지의 무료 일러스트레이션 |
| Drawkit.io | 디자이너와 스타트업을 위한 일러스트레이션 |
| 터무니없는 디자인 | 디자이너와 개발자를 위한 무료 초현실주의 일러스트레이션 |
| Undraw.co | 상상하고 창조할 수 있는 모든 아이디어를 위한 오픈 소스 일러스트레이션 |
| Manypixels.co | 단색, 아이소메트릭 고품질 일러스트레이션 |
| 오픈 핍스 | 손으로 그린 일러스트레이션 라이브러리 |
| 인비전앱 | 무료 고품질 UI 키트, 아이콘 팩 및 모형 라이브러리 |
| 오픈 기념일 로고 | 무료 스케치 일러스트레이션 세트 |
| 아바타 | Pablo Stanley의 아바타 일러스트레이션 무료 스케치 라이브러리 |
| 붉히다 | Figma 플러그인을 사용하여 무료로 사용자 정의 가능한 일러스트레이션 |
| 영웅 패턴 | 반복 가능한 SVG 배경 패턴 모음 |
| 뷰버스 패턴 | 150개 이상의 무료 SVG 패턴 세트(배경) |
| IRA 디자인 | Creative Tim이 제작한 오픈 소스 그라데이션 일러스트레이션 컬렉션입니다. |
| 투명한 질감 | 투명한 질감 배경 패턴의 컬렉션입니다. |
| icons8.com/삽화 | 프로젝트의 수준을 높이는 벡터 일러스트레이션 |
| 파테니코 | 원활한 패턴 메이커 |
| 픽셀트루 일러스트레이션 | 무료 애니메이션 일러스트레이션 |
| 추상 사용자 아바타 API | 사용자 이름이나 이메일에서 간단하면서도 유연한 사용자 아바타를 생성하는 API |
| 스케치밸리 | 무료 PNG, SVG 또는 AI 파일을 다운로드하세요. |
| 패턴패드 | 무료이며 무제한의 독특한 패턴 디자인. |
| 치수 | Dimensions.com은 일상적인 물건과 공간의 표준 치수와 크기를 문서화한 치수 도면의 지속적인 참조 데이터베이스입니다. |
| 공짜 버그 | 웹 디자이너와 개발자를 위해 엄선된 리소스로 지속적으로 업데이트됩니다. |
| 유연한 | 매일 새로운 고품질 오픈 소스 일러스트레이션이 제공됩니다. |
| 멋진 텍스트 | Cool Text는 웹 페이지 및 많은 디자인 작업 없이도 인상적인 로고가 필요한 모든 곳을 위한 무료 그래픽 생성기입니다. |
| 일러스트레이션 키트 | 매일 추가되는 프리미엄 오픈소스 일러스트레이션 |
| Doodad 패턴 생성기 | 독특하고 매끄럽고 로열티 프리 패턴을 만들어 보세요. |
| 패턴몬스터 | 반복 가능한 SVG 패턴을 생성하는 간단한 온라인 패턴 생성기 |
| 모범 | Figma 및 Sketch용 무료 아바타 라이브러리 |
| UIBundle | UI 키트, 모형, 일러스트레이션, 아이콘, 글꼴, 3D 자산, 템플릿 등과 같은 수천 개의 무료 디자인 리소스. |
| 오픈바이디자인 | 개인 및 상업 프로젝트를 위한 맞춤형 무료 UI 디자인 리소스입니다. 저작자는 필요하지 않습니다. |
| 디자인 스트라이프 | 아름다운 일러스트레이션을 만들어 보세요. 디자인 기술이 필요하지 않습니다. |
| 안녕하세요 SVG! | SVG 자료를 공유하는 SVG 놀이터입니다. |
| symu.co | 무료 템플릿, UI 키트, 아이콘, PSD |
| 메쉬 그라디언트 | 아름다운 메시 그라디언트를 생성하고 다운로드하세요. |
| CSS 그림자 그라디언트 | 그림자에 대한 CSS 그라데이션을 생성합니다. |
| 크리티카 | 독특하고 아름답고 독특한 배경과 패턴을 생성하세요. |
| 지루한 아바타 | SVG 무작위, 귀여운 아바타 컬렉션 |
| 디자인을 위한 HTML | 모든 웹사이트를 완전히 편집 가능한 Figma 디자인으로 변환하세요 |
| 연료 | 그라디언트, 패턴, 텍스처, 모양 및 배경을 위한 색상 도구 및 무료 SVG 생성기 컬렉션 |
무료 글꼴과 글꼴 기반 도구를 제공하는 웹사이트
| 웹사이트 | 설명 |
|---|---|
| 구글 글꼴 | 약 1000개의 무료 라이센스 글꼴 모음 라이브러리 |
| 다폰트 | 무료로 다운로드할 수 있는 글꼴 아카이브 |
| 사용 및 수정 | 아름답고, 고급스럽고, 펑크하고, 전문적이고, 불완전하고, 이상한 서체를 개인적으로 선택 |
| 1001개의 무료 글꼴 | 이름이 그 자체로 말해주는 것 같아요? |
| 글꼴 다람쥐 | Font Squirrel은 고품질의 합법적인 무료 글꼴을 찾기 위해 인터넷을 샅샅이 뒤집니다. |
| 글꼴 패브릭 | 다양한 브랜드의 소매 글꼴과 맞춤형 타이포그래피를 제작하는 디지털 활자 주조소 |
| 그냥 무료 글꼴 | 상업적 용도로 직접 엄선한 프리웨어, 오픈 소스, 공개 도메인 글꼴 컬렉션 |
| 사소한 말다툼 | 두 글꼴 간의 차이점을 시각적으로 대조하는 유형 비교 도구 |
| TypeKit 실습 | 타이포그래피 실습에 대해 알아보기 |
| 폰트조이 | 한 번의 클릭으로 글꼴 페어링 생성 |
| 황금비율 | 황금 비율 타이포그래피 계산기 |
| 폰트겟 | 다운로드할 수 있는 다양한 글꼴이 있으며 태그로 깔끔하게 정렬되어 있습니다. |
| 글꼴 쌍 | Google Fonts를 함께 페어링하는 데 도움이 됩니다. |
| 글꼴 공간 | 빠르게 사용자 정의할 수 있는 미리보기가 있는 디자이너 중심의 무료 글꼴 웹사이트 |
| 추상 글꼴 | 개인 및 상업적 용도로 사용 가능한 무료 글꼴 |
| 무료 타이포그래피 | 고품질 글꼴 목록 |
| 레온 산스 | 코드로 만든 기하학적 산세리프 서체 |
| 렉센드 | 읽기 능력을 크게 향상시키는 것으로 경험적으로 입증된 가변 글꼴 |
| Apple 플랫폼용 글꼴 | 앱에서 Apple 플랫폼용 시스템 글꼴을 사용하는 데 필요한 세부 정보, 프레임워크 및 도구를 알아보세요. |
| SF윈 | Windows 10 및 비 Apple 플랫폼용 San Francisco 글꼴 |
| 글꼴 플리퍼 | 글꼴을 다운로드하지 않고도 자신의 디자인 위에 800개 이상의 Google 글꼴을 미리 볼 수 있습니다. |
| 폰트 아레나 | 선별된 무료 글꼴 |
| 비폰트 | 무료로 제공되는 고품질 글꼴 |
| 아랍어 글꼴 | 무료 아랍어 글꼴 |
| 폰트드롭 | 글꼴 파일의 내용을 보는 간단하고 쉬운 방법 |
| 오픈 파운드리 | 선별된 오픈 소스 서체를 위한 무료 플랫폼 |
| 글리프터 | 나만의 SVGS를 업로드하고 글꼴 파일로 변환하세요. 더 작은 라이브러리를 로드하려는 경우 유용합니다. |
| Google 웹폰트 도우미 | Google 글꼴을 자체 호스팅하는 번거로움 없는 방법 |
| 러프 폰트 굉장 | RoughJS가 Font Awesome을 만났을 때 |
| F글꼴 | 무료로 제공되는 세련된 글꼴 |
| 말라얄람어 글꼴 | Swathanthra Malayalam Computing(SMC)에서 관리하는 무료 말라얄람어 글꼴 |
| 개발자 글꼴 | 코딩 글꼴을 무료로 찾아서 사용해보세요 |
| 글꼴 M | 머티리얼 코딩 및 디자인을 위해 다운로드할 수 있는 무료 글꼴 |
| W 글꼴 | 무료 글꼴 다운로드 |
| 현대적인 유동적 타이포그래피 편집기 | 유동적 타이포그래피는 반응형 타이포그래피에 접근하는 현대적인 방법입니다. |
| UrbanFonts | 8000개가 넘는 무료 글꼴과 딩뱃 모음 |
| 타자흡수 | 영감을 주는 글꼴 조합 및 색상 팔레트 |
| 글꼴 소스 | 깔끔하게 번들로 제공되는 NPM 패키지의 자체 호스트 오픈 소스 글꼴입니다. |
| 폰트볼트 | 대중 문화에서 좋아하는 글꼴을 찾아 생성하세요. |
| 글꼴 공유 | Fontshare는 ITF(Indian Type Foundry)의 무료 글꼴 서비스로 누구나 고품질 글꼴에 액세스할 수 있도록 해줍니다. |
색상과 관련된 선택에 도움이 되는 웹사이트 및 리소스
| 웹사이트 | 설명 |
|---|---|
| 컬러랩 | 색상 팔레트, 그라디언트, 색상 스케일을 만들고 대비를 모두 한 곳에서 확인하세요. |
| 컬러 브루어 2 | 색맹도 지원하는 원래 색상 팔레트 생성기입니다. 아마도 과학적으로 최선의 선택일 것입니다. 또한 아마도 가장 예쁘지는 않을 것입니다. |
| 휴톤 | 접근 가능한 색상 시스템을 만드는 도구입니다. |
| Colormind.io | 색상 팔레트 생성기 |
| ColorCurves.app | 곡선을 사용하여 색상 팔레트를 생성하는 색상 팔레트 생성기 |
| 색상그라디언트 | 간단하고 복잡한 CSS 그라디언트를 시각적으로 생성하는 무료 도구 |
| 냉각기 | 완벽한 팔레트를 만들거나 수천 가지의 아름다운 색상 조합에서 영감을 얻으세요 |
| UI 색상 | Tailwind CSS 색상 팔레트 생성기 |
| HTML 색상 코드 | 색상 선택기, 색상 차트 및 HTML 색상 이름을 사용하여 HTML 색상 코드, 16진수 색상 코드, RGB 및 HSL 값을 가져옵니다. |
| 색상 및 글꼴 | 엄선된 색상, 글꼴, 리소스 라이브러리 |
| 팔레트 목록 | 원하는 색상 2개를 선택하면 도구가 수천 개의 팔레트를 생성합니다. |
| Google 머티리얼 색상 도구 | 공식 Google 머티리얼 색상 팔레트 도구 |
| 머티리얼 팔레트 | 머티리얼 디자인을 위한 팔레트, 아이콘, 색상을 자유롭게 선택할 수 있습니다. |
| 색상 공간 | 한 가지 색상으로 멋진 색상 팔레트 생성 |
| FlatUI색상 | 다양한 맛의 아름다운 색상 팔레트 세트 |
| 어도비 컬러 | 색상 팔레트 생성, 이미지에서 그라디언트 추출 등 |
| 컬러신스포 | 색상에 관한 모든 것을 찾을 수 있는 올인원 리소스 |
| 색상벽 | 한 번의 클릭으로 색상 팔레트를 저장하고 팔레트를 생성할 수 있는 장소 |
| 해피휴즈 | Happy Hues는 Mackenzie Child가 디자인 프로젝트에서 색상을 어떻게 사용할 수 있는지에 대한 실제 사례 역할을 하는 색상 팔레트 영감 사이트입니다. |
| 어도비 트렌드 | Behance 및 Adobe Stock의 크리에이티브 커뮤니티에서 다양한 업계의 최신 색상 트렌드를 알아보세요. |
| 컬러 헌트 | 수천 가지의 트렌디한 색상 팔레트를 통해 색상 영감을 얻을 수 있는 무료 개방형 플랫폼 |
| 그라데이션 헌트 | 수천 가지의 트렌디한 색상 그라데이션을 통해 그라데이션 영감을 얻을 수 있는 무료 개방형 플랫폼 |
| 웹 그라디언트 | 좋은 CSS 그래디언트를 찾을 수 있는 무료 웹사이트 |
| 컬러박스 | 색상 세트를 제작할 수 있는 무료 웹사이트 |
| CSS 그래디언트 | 사용자 정의 그라디언트와 그라디언트의 몇 가지 예를 만들 수 있는 무료 웹사이트 |
| 그라데이션 | 순수한 CSS 및 jpg 그라디언트 |
| UI 그라데이션 | UI 그래디언트 색상 생성기 |
| 팔레트 생성기 | 스페이스바를 누를 때마다 새로운 색상 팔레트 생성 |
| 머티리얼 팔레트 | 1000개 이상의 머티리얼 디자인 팔레트 |
| 그래디언트 | 그라데이션 선택기 |
| 그늘스와시 | 모든 색상의 음영을 빠르게 생성 |
| 브랜드Colors | 공식 브랜드 색상 코드의 가장 큰 컬렉션 |
| 브랜드 팔레트 | 로고 색상 코드 및 팔레트 |
| 머티리얼 디자인 팔레트 생성기 | 테마 및 색상 팔레트 생성 머티리얼 디자인과 유사 |
| 색칠하다 | 디자이너와 개발자를 위한 색 구성표 도구입니다. 이는 영감을 얻고 컬러 작업을 위한 리소스로 활용하는 데 도움이 될 것입니다. |
| 0~255 | 색상을 쉽게 밝게 하고 어둡게 할 수 있는 색상 도구입니다. 호버 상태, 테두리, 그라데이션 등에 적합합니다. |
| 컬러 블렌더 | 두 색상 사이의 중간점 색상을 표시하는 도구 |
| 그라데이션 버튼 | 그라디언트 복사/붙여넣기 버튼을 사용할 준비가 되었습니다. |
| 크로마 | Khroma는 AI를 사용하여 귀하가 좋아하는 색상을 학습하고 발견, 검색 및 저장할 수 있는 무한한 팔레트를 만듭니다. |
| 누가 사용할 수 있나요? | 색상 대비가 시각 장애가 있는 다양한 사람들에게 어떤 영향을 미칠 수 있는지에 대한 관심과 이해를 돕는 도구입니다. |
| 착색 가능 | 색상 조합 대비 테스터 |
| 색상 16진수 선택기 | 색상 이름과 함께 16진수 코드를 가져오는 도구입니다. |
| 사루와카쿤 | 미리보기가 포함된 웹사이트 및 앱 디자인을 위한 멋진 색상 구성표 |
| 팔레톤 | Paletton.com은 서로 잘 어울리는 색상 조합을 만들기 위해 설계된 디자이너 색상 도구입니다. |
| 컬러질라 | 강력한 온라인 Photoshop과 유사한 CSS 그라디언트 편집기 |
| CSS 그라디언트 편집기 | CSS 그라데이션 배경과 패턴을 만드는 데에만 이 도구가 필요할 수 있습니다. |
| 이미지 색상 선택기 | 이미지 색상 선택기 및 팔레트 생성기 |
| 색상 결합 | 색상 혼합 도구 |
| 컬러 애호가 | 그것은 외부 세계에서 인기 있는 색 구성표를 보여줄 것입니다. |
| HTML CSS 색상 | 무료 온라인 색상(미국) 또는 색상(영국) 도구: 정보, 그라디언트 생성기, 색상환 등 |
| HEX 색상 코드 | 색상 선택기, 색상 차트 및 HTML 색상 이름을 사용하여 HTML 색상 코드, 16진수 색상 코드, RGB 및 HSL 값을 가져옵니다. |
| 쿨휴 2.0 | CSS 및 PNG 형식의 다양한 그라데이션 예를 보여주는 무료 도구 |
| 색상.ㅋㅋㅋ | Twitter 봇이 생성한 흥미로운 색상 팔레트에는 각 색상에 대한 16진수 코드와 설명 이름이 있습니다. |
| colors.dopely | 매우 빠르고 간단한 색상 팔레트 생성기, 팔레트를 몇 초 만에 저장하고 공유할 수 있습니다. |
| UI색상 선택기 | 단 한 번의 클릭으로 복사할 수 있는 16진수 코드가 포함된 UI 색상 컬렉션입니다. |
| 컬러 16진수 | Color-hex는 색상 모델(RGB,HSL,HSV 및 CMYK)을 포함한 색상에 대한 정보를 제공하고 선택한 색상에 대한 간단한 CSS 코드를 생성합니다. |
| 파브벨로 | 임의의 색상 팔레트 생성기 |
| 베란다 컬러 | 다른 디자이너가 만든 색상 팔레트를 찾아보고 나만의 색상 팔레트를 생성하여 제출하세요. |
| 듀오 | 듀오(Duo)는 제가 개인 프로젝트에서 선별했거나 웹에서 접한 색상 조합 모음입니다. |
| 로스펙 팔레트 목록 | Lospec Palette List는 픽셀 아트용 팔레트 데이터베이스입니다. |
| 팔레트 앱 | 한 색상에서 다른 색상으로 이어지는 부드러운 색상 구성표를 구축하세요. |
| 계란그라디언트 | 계란과 그라데이션 배경 색상입니다. |
| 그라디언트 | 그라데이션을 쉽게 찾고 테스트하세요. |
| 백과사전 | 웹 색상을 참조하는 웹사이트입니다. 색상 지식, 웹 색상, 16진수 색상 코드. |
| 크로마 | 스포이드, 색상 선택기, 팔레트 생성기를 포함한 강력한 색상 도구입니다. |
| 컬러 디자이너 | 한 가지 색상의 그라데이션 생성기입니다. |
| 이중톤 | 모든 프로젝트에 사용할 아름다운 무료 이중톤 이미지를 찾거나, 자신의 이미지를 업로드하고 몇 초 만에 이중톤 효과를 적용하여 사용자 정의 이중톤 이미지를 만드세요. |
| 멋진 배경 생성기 | 블로그, 웹사이트에 추가할 수 있는 아름답게 선별된 멋진 배경을 살펴보세요. |
| 색상 음영 생성기 | 우리는 좋아하는 색상이나 모든 색상의 색조를 빠르게 생성하고, 동일한 사이트에서 사용할 수 있는 다양한 색조와 더 유용한 도구를 사용하여 템플릿이나 CSS 구성 요소를 만들 수 있습니다. |
| 휴민트 | Huemint는 머신러닝을 사용하여 브랜드, 웹사이트 또는 그래픽에 대한 고유한 색상 구성표를 만듭니다. |
| InclusiveColors 팔레트 생성기 | 전체 견본에 걸쳐 HSL 곡선을 수정하고 WCAG/APCA 대비를 확인한 다음 Tailwind/CSS/Figma/Adobe로 내보낼 수 있는 사용자 정의 액세스 가능한 Tailwind 스타일 색상 팔레트를 만듭니다. |
png, svg 등을 포함한 아이콘 리소스
| 웹사이트 | 설명 |
|---|---|
| 순환 아이콘 | React, Vue 및 Svelte용 SVG와 같은 일관된 오픈 소스 아이콘 |
| UX윙 | 잘 최적화되어 있으며 상업용 무료 아이콘 |
| 모양글꼴 아이콘클럽 | 8000개 이상의 무료 아이콘 |
| 깃털 아이콘 | 아름답고 사용자 정의 가능한 오픈 소스 아이콘 |
| 테이블러 아이콘 | React, Preact, Vue, Svelte 및 SolidJS를 지원하는 3500개 이상의 고도로 사용자 정의 가능한 오픈 소스 SVG 아이콘 |
| 자이콘스 | fluentui-system-icons, ionicons 등에서 통합된 SVG Vue/React 구성 요소(Vue3, Vue2, React, SVG). |
| 아이코누아르 | 900개 이상의 오픈 소스 아이콘이 포함된 무료 라이브러리 |
| 간단한 아이콘 | 1307 인기 브랜드를 위한 무료 SVG 아이콘 |
| 선형 아이콘 | 1000개 이상의 매우 선명한 벡터 아이콘 |
| 아이콘8 | 무료 아이콘, 사진, 벡터 및 도구 |
| 플랫 아이콘 | PNG, SVG, EPS, PSD 및 BASE 64 형식의 무료 아이콘이 포함된 최대 규모의 데이터베이스 |
| 명사 프로젝트 | 글로벌 커뮤니티에서 제작한 200만 개가 넘는 아이콘 |
| 아이콘스카우트 | 아이콘 일러스트 스톡 사진을 한 곳에서 무료로 다운로드하세요. |
| 아이콘검색.ch | 50,000개 이상의 SVG 아이콘이 색인화된 검색 엔진 |
| 뉴클레오 앱 | Nucleo는 27,500개의 아이콘이 포함된 아름다운 라이브러리이자 모든 아이콘을 수집, 사용자 정의 및 내보낼 수 있는 강력한 애플리케이션입니다. (무료 및 유료) |
| 아이콘-icons.com | 무료 아이콘 PNG, ICO, ICNS 및 벡터 파일 SVG |
| 부트스트랩 아이콘 | Bootstrap용으로 제작된 무료 아이콘이지만 모든 프로젝트에서 작동합니다. |
| 리믹스 아이콘 | 단순히 유쾌한 아이콘 시스템 |
| 아이콘몬스터 | 313개 컬렉션에서 4496개 이상의 무료 아이콘을 찾아보세요 |
| 생생한.js | 무료 및 오픈 소스 SVG 아이콘 팩 JavaScript 라이브러리를 사용할 준비가 되었습니다. |
| 아이콘파인더 | SVG, PNG, CSH 및 AI 형식의 무료 프리미엄 벡터 아이콘 |
| 로드콘 | 50개의 무료 애니메이션 인터랙티브 아이콘 |
| 사용애니메이션 | SVG 및 Json 형식의 무료 애니메이션 아이콘(lottie용) |
| css.gg | SVG Sprite, 스타일 구성 요소, NPM 및 API에서 사용 가능한 700개 이상의 오픈 소스 CSS, SVG 및 Figma UI 아이콘 |
| 아이콘브로스 | 182개의 컬렉션으로 그룹화된 7843개 이상의 무료 아이콘 |
| 머티리얼 디자인 아이콘 | 다양한 플랫폼을 대상으로 하는 디자이너와 개발자가 모든 프로젝트에 필요한 형식, 색상 및 크기로 아이콘을 다운로드할 수 있는 아이콘 컬렉션입니다. |
| 영웅 아이콘 | Tailwind CSS 제작자가 제공하는 무료 오픈 소스 아이콘입니다. |
| 존디콘 | 디지털 제품에 사용할 수 있는 무료 프리미엄 SVG 아이콘 세트입니다. |
| 끝없는 아이콘 | 다양한 무료 아이콘을 제공하는 웹사이트입니다. 아이콘에는 태그가 지정되고 키트로 압축됩니다. |
| 이코문 | 5500개 이상의 무료 아이콘을 찾아보세요. 아이콘을 쉽게 찾아보고 검색하려는 세트를 추가하세요. |
| 에바 아이콘 | Eva 아이콘은 일반적인 작업과 항목에 대해 아름답게 제작된 480개 이상의 오픈 소스 아이콘 팩입니다. |
| 암호화폐 | 430개의 암호화폐 및 명목화폐 아이콘 세트. 완전 무료입니다. |
| 이코네이트 | 완전히 사용자 정의 가능하고 접근 가능한 벡터 아이콘 |
| 앱 아이콘 | IOS, macOS 및 Android 프로젝트에 맞게 다양한 크기의 앱 아이콘을 빠르게 생성하세요. |
| 라인아이콘 | 디자이너와 개발자를 위한 2000개 이상의 필수 라인 아이콘 |
| 에버콘 | Evericons는 Aleksey Popov가 디자인한 460개 이상의 무료 아이콘으로 구성된 대규모 팩입니다. |
| SVG 저장소 | 상업적 용도로 사용할 수 있는 무료 SVG 벡터를 다운로드하세요. |
| 컨버티오 | 온라인에서 무료로 PNG 파일을 SVG로 변환하세요. (제공하는 서비스 중 하나입니다.) |
| CSS 아이콘 | 순수 CSS 코드로 만든 아이콘 세트, 종속성 없음, "잡아서 이동" 아이콘 |
| 통합 아이콘 | 수천 개의 아이콘, 하나의 통합 프레임워크. 하나의 라이브러리, 40,000개 이상의 벡터 아이콘. |
| 시스템 UI 아이콘 | 점점 늘어나는 컬렉션에 220개 이상의 아이콘이 있습니다. |
| 아이콘파크 | SVG 아이콘을 여러 테마로 변환하고 React 아이콘, Vue 아이콘, svg 아이콘을 생성합니다. |
| 기수 아이콘 | Modulz 팀이 디자인한 깔끔한 15×15 아이콘 세트입니다. 모든 아이콘은 개별 반응 구성 요소, SVG 등으로 제공됩니다. |
| EOS 아이콘 | 합자 및 SVG로 사용할 수 있는 완벽한 픽셀의 오픈 소스 아이콘 글꼴입니다. |
| 아이오니콘 | 웹, iOS, Android 및 데스크톱 앱에서 사용할 수 있도록 아름답게 제작된 오픈 소스 아이콘입니다. |
| 형광체 아이콘 | Phosphor는 인터페이스, 다이어그램, 프리젠테이션을 위한 유연한 아이콘 제품군입니다. |
| 작은 아이콘 | TeenyIcons는 HTML에서 사용하기 쉬운 SVG 형식의 아이콘 세트입니다. |
| 루시드 | Lucide는 Feather Icons의 포크인 오픈 소스 아이콘 라이브러리입니다. |
| 아이콘 | Iconify가 제공하는 즉각적인 검색 기능을 갖춘 아이콘 탐색기. |
| 엿 같은 아이콘 | 무료 아이콘 모음입니다. |
| 아이콘피디아 | Iconspedia는 고품질 무료 아이콘의 대규모 컬렉션을 포함하는 웹사이트입니다. |
| 아이콘허브 | 모두를 위한 실용적인 멋진 아이콘 |
| 3DICONS | 아름답게 제작된 오픈 소스 3D 아이콘 |
| 아이콘DB | 무료 사용자 정의 아이콘 |
| 이모티콘 가이드 | 쉽게 사용할 수 있도록 HTML 코드가 포함된 3300개의 이모티콘 컬렉션입니다. |
| 유니콘 아이콘 | 100개 이상의 맞춤형 재미있는 애니메이션 아이콘. JSON 및 SVG 형식으로 제공됩니다. |
| 사르감 아이콘 | Figma, SVG 및 React에서 사용할 수 있는 275개 이상의 오픈 소스 아이콘 컬렉션입니다. |
| 아이콘 친구 | 디자이너와 개발자를 위해 완벽하게 사용자 정의할 수 있는 100,000개 이상의 오픈 소스 SVG 아이콘 컬렉션입니다. |
| 라운드 아이콘 | 평면 아이콘, 선 아이콘, 채워진 윤곽선, 아이소메트릭 및 단색 스타일로 구성된 세계 최대의 프리미엄 및 무료 아이콘 팩 라이브러리입니다. |
| 벡토퍼스 | 엘리트 디자이너를 위해 엄선된 최고의 집단 리소스입니다. |
로고 리소스
| 웹사이트 | 설명 |
|---|---|
| 로고검색.ch | 200,000개 이상의 SVG 로고가 색인화된 검색 엔진 |
| SVG포르노 | 1000개 이상의 고품질 SVG 로고 |
| 결제 시스템 로고 | png 및 svg로 제공되는 결제 시스템 로고 |
| 브라우저 로고 | 고해상도 웹 브라우저 로고 |
| 벡터로고존 | 일관된 형식의 SVG 로고 |
| 세계 벡터 로고 | 좋아하는 브랜드의 벡터 로고 다운로드 |
| 로고 메이커 | 맞춤형 로고 만들기 |
| 무료 로고 메이커 | 빠른 올인원 로고 생성기 |
| 로고와인 | 브랜드 로고 SVG 벡터 및 PNG 파일 형식으로 무료 다운로드 |
파비콘 리소스
| 웹사이트 | 설명 |
|---|---|
| Favicon.io | 텍스트, 이미지 또는 이모티콘에서 파비콘을 생성합니다. .ico 및 .png 형식으로 다운로드 |
| 파비코마틱 | 가능한 모든 브라우저 또는 장치를 지원하는 데 필요한 HTML 코드는 물론 모든 크기와 형식의 파비콘을 생성합니다. |
| 파비콘 생성기 | 귀하의 웹사이트에 대한 파비콘 ico 파일 생성 |
| RealFaviconGenerator | 모든 플랫폼(Windows, iOS, Android)에 대한 아이콘 생성 |
| 글꼴아이콘 | Font Awesome 아이콘에서 파비콘과 이미지 생성 |
| 파비콘.cc | 온라인으로 파비콘을 그리고 다른 사용자가 만든 파비콘 라이브러리를 살펴보세요. |
| Maskable.app 편집기 | 기존 아이콘을 기반으로 마스크 가능한 PWA 아이콘 생성 |
| 파비콘 생성기 | 웹사이트의 파비콘 자산을 생성합니다. SVG, 마스크 가능, 이미지 축소 지원. 순수한 프론트엔드. 개인 정보 보호 위험이 없습니다. 빠른. |
아이콘 글꼴 리소스
| 웹사이트 | 설명 |
|---|---|
| 멋진 글꼴 | 웹에서 가장 인기 있는 아이콘 세트 및 툴킷 |
| 라인 어썸 | Font Awesome을 현대적인 라인 아이콘으로 교체 |
| 머티리얼 아이콘 | 머티리얼 디자인 아이콘 라이브러리 |
| 이온아이콘 | Ionic 팀이 아름답게 제작한 오픈 소스 아이콘 |
| Zurb 재단 아이콘 | 맞춤형 재단 아이콘 |
| 폰티스토 아이콘 | 상징적인 글꼴과 CSS 툴킷인 Fontisto · 616개 이상의 무료 아이콘 |
| 박스아이콘 | Boxicons는 세심하게 제작된 오픈 소스 아이콘의 무료 컬렉션입니다. |
| 아이코폰트 | 창의적인 디자인을 더욱 돋보이게 해주는 2100개 이상의 무료 아이콘 |
| 머티리얼 팔레트 | 머티리얼 디자인을 위한 팔레트, 아이콘, 색상을 자유롭게 선택할 수 있습니다. |
| 머티리얼 디자인 아이코닉 글꼴 | 머티리얼 디자인 아이콘 글꼴 |
| Vscode 코디콘 | Visual Studio Code의 아이콘 글꼴 |
| 데비콘 | Devicon은 프로그래밍 언어, 설계 및 개발 도구를 나타내는 아이콘 세트입니다. |
| 결제글꼴 | 결제 운영자 및 방법을 위한 세련된 웹 글꼴입니다. 116개의 아이콘 제공 |
| 날씨 아이콘 | 날씨 아이콘은 222개의 날씨 테마 아이콘이 포함된 유일한 아이콘 글꼴입니다. |
| 스트로크 7 | iOS 7에서 영감을 받은 얇은 획 아이콘 202개 |
| 잼 아이콘 | 웹 앱을 멋지게 만들어주는 890개 이상의 손수 만든 아이콘 |
| 폰텔로 | 아이콘의 이름이나 코드를 사용자 정의할 수 있는 200개 이상의 웹 아이콘. |
| 리네아 | Linea: 750개 이상의 무료 아이콘 제공 |
| 유니콘 | 웹 글꼴, SVG 아이콘 및 React, Vue 및 React Native와 같은 JS 프레임워크용 구성 요소로 사용할 수 있는 1100개 이상의 무료 선 스타일 아이콘 세트입니다. |
| 모비리스 아이콘 | 웹 아이콘 글꼴 및 SVG 아이콘으로 사용할 수 있는 150개의 우아하고 픽셀이 완벽한 선형 아이콘으로 구성된 무료 오픈 소스 세트입니다. |
| 영웅 아이콘 | 무료 오픈 소스 Svg 아이콘 라이브러리 |
| 반응 아이콘 | 오픈 소스이자 무료 Svg 아이콘 라이브러리인 이 라이브러리는 선택할 수 있는 다양한 SVG 아이콘을 제공하는 Font Awesome 및 Material Icons와 같이 즐겨 사용하는 아이콘 라이브러리 모음입니다. |
귀하의 웹사이트와 앱을 위한 모든 종류의 무료 스톡 사진을 제공하는 웹사이트
| 웹사이트 | 설명 |
|---|---|
| 펙셀 | 재능 있는 크리에이터들이 공유하는 무료 스톡 사진 |
| 언스플래쉬 | 자유롭게 사용할 수 있는 인터넷의 이미지 소스 |
| Pixabay | 170만 개 이상의 고품질 스톡 이미지 및 비디오 |
| 막들렌 | 매일 갤러리 및 무료 고해상도 사진 제공 |
| 픽스프리 | 로열티 프리 이미지, 스톡 사진, 일러스트레이션 및 벡터 |
| 터지다 | 무료 스톡 사진 컬렉션 |
| 그라티소그래피 | 무료 고해상도 사진 무료 모음 |
| 픽스의 삶 | 무료 고해상도 사진 |
| 재고 스냅 | 매주 수백 장의 고품질 사진이 추가됩니다. |
| 영안실 | 350,000개 이상의 상업용 무료 스톡 사진 |
| 카붐 사진 | 스톡 사진 및 색상 팔레트. 제품 이미지에 적합 |
| 새로운 오래된 주식 | 스톡 빈티지 사진 |
| 픽 점보 | 다양한 유형의 사진을 모아놓은 좋은 컬렉션 |
| 공개 도메인 사진 | 모든 유형의 공개 도메인 이미지 |
| 사진 찾기 | 여러 스톡 사진 웹사이트를 검색합니다. |
| 스톡 볼트 | 분류된 스톡 사진 |
| 자리 표시자 | 웹용 무료 이미지 자리 표시자 서비스입니다. 이미지 크기와 형식을 지정할 수 있습니다 |
| 사실적인 샷 | 무료 고해상도 스톡 사진 |
| 네거티브 스페이스 | 고해상도 무료 스톡 사진 |
| 스키터사진 | 무료 고해상도 사진 |
| 피코그라피 | 화려한 고해상도 무료 사진 |
| 원더 스톡 | 놀랍도록 놀라운 무료 사진 |
| 업로드 | 무료 이미지 & 무료 이미지 - PxHere |
| 픽셀 | 로열티 프리 스톡 사진 |
| Foodies피드 | 음식 사진 스톡 |
| 기저귀 | 흑인과 갈색인의 아름다운 고해상도 사진을 제공하는 웹사이트입니다. |
| 생성된 사진 | 독특한 AI 생성 모델 사진 |
| 재촬영 | 독특하게 무료 사진. 엄선된, 스톡이 아닌 이미지. |
| 무료 이미지 | 무료 스톡 사진을 찾아 다운로드하세요. 모두 개인 및 상업적 용도로 무료입니다. |
| 로렘 픽섬 | 아름다운 자리 표시자 이미지를 얻기 위한 사용하기 쉬운 API입니다. 크기 및 기타 매개변수를 지정할 수 있습니다. |
| 과학 이미지 | 과학, 자연 이미지 전문 이미지 라이브러리 |
| 통합 및 애플리케이션 네트워크 이미지 라이브러리 | 과학자, 자원 관리자, 정부 기관, 커뮤니티 그룹 및 그래픽 전문가에게 과학 커뮤니케이션을 향상시키기 위한 리소스를 제공하는 무료 이미지입니다. |
| 색시프라가 | 무료 자연 이미지 |
| 크리에이티브 커먼즈 | 재사용할 무료 이미지를 검색하세요. |
| 올더프리스톡(AllTheFreeStock) | 선별된 무료 스톡 이미지, 오디오, 비디오 목록입니다. |
| Lorem.space - 자리 표시자 이미지 생성기 | 자리 표시자 이미지를 위한 API이지만 유용합니다! |
| 오픈버스 | Openverse는 공개 라이선스 미디어를 위한 검색 엔진입니다. |
| ISO 공화국 | 수천 장의 무료 고해상도 스톡 CC0 사진을 받으세요 |
귀하의 웹사이트와 앱을 위한 모든 종류의 무료 스톡 비디오를 제공하는 웹사이트
| 웹사이트 | 설명 |
|---|---|
| 펙셀 | 커뮤니티에서 기부한 무료로 사용할 수 있는 최대 규모의 비디오 라이브러리 |
| Pixabay | Pexels와 유사한 커뮤니티에서 기부한 무료로 사용할 수 있는 대규모 비디오 라이브러리 |
| Coverr.co | 아름다운 무료 스톡 비디오 영상 |
| 비디오지 | 무료 HD 스톡 영상 및 4K 동영상 |
| 믹스 키트 | 스톡 비디오 클립 및 음악 |
| 비디오의 삶 | 무료 비디오 클립 및 루프 |
| 비디오 | 무료 및 프리미엄 스톡 비디오 |
| 루프비즈 | VIMAGE 앱으로 만든 시네마 그래프를 무료로 사용하세요 |
| 스플리트셔 | 아름답고 독점적인 무료 스톡 비디오 및 사진 |
| 무료 스톡 비디오 | 무료 영상 스톡 비디오 |
무료 스톡 음악 및/또는 음향 효과를 제공하는 웹사이트
| 웹사이트 | 설명 |
|---|---|
| YouTube 스튜디오 오디오 라이브러리 | 음악과 음향 효과를 다운로드할 수 있는 로열티 프리 오디오 라이브러리입니다. YouTube 수익 창출을 위해 삭제되었습니다. |
| 무료 재고 음악 | YouTube 동영상, 팟캐스트 등을 위한 로열티 프리 스톡 음악 |
| 벤사운드 | 로열티 프리 음악을 무료로 다운로드하여 프로젝트에 사용하세요 |
| 믹스킷 | 귀하의 프로젝트를 위한 무료 음악 |
| 프리사운드 | 무료 재고 음악 및 사운드 |
| 무료 음악 아카이브 | 음악가와 사운드 애호가를 위한 크리에이티브 커먼즈 라이센스 사운드의 협업 데이터베이스 |
| 무스펜 | 저작권이 없는 온라인 클래식 음악 라이브러리 |
| Pixabay | Youtube 비디오, 음악, Vlog, 영화, 팟캐스트 등과 같은 프로젝트에 대한 무료 음악 다운로드 |
| 언마이너스 | 귀하의 프로젝트를 위한 무료 프리미엄 음악이 필요하십니까? 로열티 프리. YouTube용으로 삭제되었습니다. |
무료 벡터, 클립아트, 일러스트레이션, 패턴 등
| 웹사이트 | 설명 |
|---|---|
| 벡티지 | 무료 벡터 아트 찾기 및 다운로드 |
| 프리픽 | 무료 벡터, 스톡 사진, PSD 및 아이콘 |
| 무료 벡터 | 무료 벡터 그래픽을 공유하는 벡터 애호가 커뮤니티 |
| PNG트리 | png, 배경, 템플릿, 텍스트 효과 |
| Vector4무료 | 무료 벡터 그래픽 |
| 프리블 | 벡터, 패턴, 모형 등 |
| 루카스자담 | 무료 벡터 작품 |
| 일러스트레이션 | 아름다운 100가지 일러스트레이션 - png, svg |
| 클립아트 | 무료 컬렉션에서 프로젝트에 적합한 클립아트, PNG, 컬러링 페이지, 그림 등을 선택하세요! |
| Growwwkit 일러스트 | 심플하고 흑백의 세련된 일러스트 8종 세트 |
| trianglify.io | 로우 폴리 배경, 텍스처 및 벡터 생성 |
| 얼룩 | 웹 및 Flutter 앱용 Blob 모양 생성 |
| 안녕하세요클립아트 | 디자이너가 투명한 배경 PNG 클립아트를 공유하고 다운로드할 수 있는 커뮤니티 |
| Freepik의 스토리 | 프로젝트를 위한 무료 및 사용자 정의 가능한 일러스트레이션 컬렉션 |
| 검은색 일러스트레이션 | 흑인의 아름다운 일러스트(무료 및 프리미엄) |
| 위임 | 무료 일러스트레이션 등의 컬렉션 |
| 맞춤형 모양 구분선 | 디자이너와 개발자가 아름다운 SVG 모양 구분선을 더 쉽게 내보낼 수 있는 무료 도구 |
| 세르비에 메디컬 아트 | 출판물과 PowerPoint 프리젠테이션을 설명하기 위한 3000개의 무료 의료 이미지 |
| 클커 | 원하는 모든 것에 사용할 수 있는 무료 클립 아트 |
| SVG 웨이브 | 무료이며 사용자 정의 가능한 그라디언트? UI 디자인을 위한 SVG 웨이브 생성기. |
| BGjar | 웹사이트, 블로그, 앱을 위한 무료 SVG 배경 생성기입니다. |
| 문화유산 도서관 | 빈티지 일러스트레이션(벡터 및 png) |
| 로보해시 | 모든 텍스트에서 고유한 이미지 생성 |
| 탭비드 | 배경 이미지, 인쇄 및 기타 프로젝트에 사용할 최소한으로 생성된 패턴/아트웍을 만들고 사용자 정의합니다. |
| 하이케이 | 멋진 다중 모양 웹 앱입니다. |
| 벡터 | 모든 종류의 모로코 벡터를 제공하는 멋진 웹사이트입니다. |
| 헤지 | 몇 초 안에 고유한 벡터 자산을 얻을 수 있습니다. |
| 모자이크 | 다양한 도구, 웨이브, 타일, 얼룩 등이 포함된 무료 SVG 생성기입니다. |
장치 및 기타 제품의 모형 만들기
| 웹사이트 | 설명 |
|---|---|
| 모크시티 | SmartObject에 이미지를 자동으로 배치하여 PSD 템플릿에서 모형을 대량 생성합니다. 시각적 편집기를 사용하면 SmartObject 매개변수를 변경하고 업데이트된 모형 미리보기를 실시간으로 볼 수 있습니다. |
| 스마트 모형 | 멋진 제품 모형 만들기(무료 및 프리미엄) |
| 미디어 수정자 | 귀하의 제품을 위한 아름다운 디자인 모형 서비스(무료 및 프리미엄) |
| 샷 스냅 | 앱이나 웹사이트 디자인을 위한 아름다운 기기 모형 이미지 만들기 |
| 스크리리 | 스크린샷을 즉시 모형으로 바꿔보세요 |
| 스크린샷.록스 | 단 몇 초 만에 아름다운 브라우저 및 모바일 모형 만들기 |
| 스크린 피크 | URL에서 모형 만들기 |
| 모형세계 | 온라인에서 무료로 사실적인 실물 모형을 얻을 수 있는 가장 큰 소스 |
| 콜라보샷 | 실시간 화면 캡쳐 및 이미지 공유 |
| 페이스북 기기 | 널리 사용되는 장치의 이미지 및 스케치 파일 |
| Threed.io | 브라우저에서 바로 3D 모형을 생성하세요. |
| 목폰 | IOS, Android, Windows Phone, 노트북 및 데스크톱, TV를 포함한 모든 장치에 대한 100% 무료 모형 |
| 장치 샷 | 무료로 소셜 미디어용 고해상도 기기 모형을 만들어 보세요. |
| 깨끗한 모의 | 모바일 또는 웹사이트 디자인을 돋보이게 해주는 iPhone X와 같은 최신 기기 프레임과 사용자 정의 배경을 사용하여 브라우저에서 무료로 멋진 모형을 빠르게 만들어보세요. |
| 모의 비디오 | 비디오에 장치 프레임을 추가하여 즉시 모형을 만들 수 있습니다. |
| 목업브로 | 온라인 모형 생성기로 제품 모형을 만들어보세요! 모형을 선택하고 디자인을 업로드한 후 워터마크 없이 이미지를 다운로드하세요. |
| 애니모크업 | 브라우저에서 애니메이션 모형을 만듭니다. |
| 피카 | 마케팅, 블로그 게시물 등을 위한 브라우저 모형과 아름다운 이미지를 즉시 생성하세요. |
| 전광 | 무료로 처음부터 모형 만들기 |
아름다운 웹사이트 템플릿과 모든 유형의 테마를 무료로 제공하는 웹사이트
| 웹사이트 | 설명 |
|---|---|
| HTML5업 | 매우 현대적이고 독특한 반응형 HTML5/CSS3 테마 |
| 템플릿모 | 미니멀, 이력서, 갤러리 테마 등 |
| 무료HTML5 | 무료 및 프리미엄 HTML5 및 Bootstrap 테마 |
| 스타일외침 | 훌륭하게 제작된 무료 웹사이트 템플릿 |
| 부트스트랩 시작 | 부트스트랩 스타터 테마 |
| HTML5xCSS3 | 다양한 카테고리의 멋진 템플릿 모음 |
| 테마왜건 | 다양한 카테고리의 HTML5 Bootstrap 템플릿 모음 |
| 컬러리브 | 당신이 생각할 수 있는 거의 모든 카테고리의 테마 |
| 무료 CSS | 무료 템플릿의 거대한 컬렉션 |
| 허브스팟 | 템플릿, 인포그래픽, 배너 등 |
| 모비라이즈 | 멋진 HTML5/CSS3 템플릿 |
| 부츠워치 | Bootstrap용 무료 테마 |
| 원페이지러브 | 단일 페이지 웹사이트, 템플릿 및 리소스 |
| 앱 테마 | 무료 Bootstrap 테마 및 랜딩 페이지 |
| 부트스트랩맛 | 프리미엄 및 무료 부트스트랩 템플릿 |
| 부트스트랩만들기 | Bootstrap을 사용한 우아하고 깨끗하며 아름다운 무료 템플릿입니다. |
| W3레이아웃 | W3Layouts: 2020년 3784개 이상의 무료 웹사이트 템플릿 |
| 투플레이트 | Tooplate: 모두를 위한 무료 HTML 템플릿! |
| 크루이프 | 완전히 코딩된 HTML 템플릿을 사용하면 번거로움 없이 스타트업 랜딩 페이지를 쉽게 구축할 수 있습니다. |
| UI덱 | 무료 랜딩 페이지 템플릿 및 부트스트랩 테마 |
| 스플라워 | 아이디어를 시작하는 데 도움이 되는 무료 웹 템플릿! |
| W3css_templates | 사용할 수 있는 반응형 W3.CSS 웹사이트 템플릿. |
| 모두 무료 다운로드 | 무료 웹사이트 템플릿 다운로드 |
| 매시업 템플릿 | HTML5/CSS3 무료 템플릿 |
| Sneat Bootstrap 5 HTML 관리 템플릿 | 우아한 디자인과 독특한 레이아웃을 갖춘 오픈 소스 및 사용하기 쉬운 Bootstrap 5 HTML 관리 템플릿. |
| HTMLrev | 아름다운 무료 HTML5 템플릿 및 랜딩 페이지 |
| 호라이즌 UI | 가장 트렌디한 React용 오픈 소스 관리 템플릿 |
| Keen테마 | 무료 및 Pro Html/Css3, Bootstrap5, Vue, React, Laravel 템플릿 |
| 나사빠름 | 세련되고 사용자 정의 가능한 TailwindCSS 구성 요소가 포함된 오픈 소스 Astro 웹 사이트 템플릿 |
멋진 웹사이트와 애플리케이션을 구축하는 데 도움이 되는 CSS/UI 프레임워크
| 웹사이트 | 설명 |
|---|---|
| 순풍 CSS | 낮은 수준의 유틸리티 우선 프레임워크 |
| 부트스트랩 | CSS와 JS를 모두 사용하는 수많은 구성 요소가 포함된 인기 있는 UI 프레임워크 |
| 구체화하다 | 머티리얼 디자인을 기반으로 한 현대적인 반응형 프런트엔드 프레임워크 |
| 머티리얼 디자인 라이트 | 머티리얼 디자인을 기반으로 한 가벼운 프레임워크입니다. JS 종속성 없음 |
| 부르마 | JS가 없는 최신 CSS 프레임워크 |
| 해골 | 기본 UI 요소를 위한 매우 가벼운 프레임워크 |
| 균일한 CSS | Sass로 완전히 구축된 완전히 구성 가능한 유틸리티 생성기 및 CSS 프레임워크 |
| 시맨틱 UI | UI에 대한 공유 어휘를 생성하여 디자이너와 개발자의 역량을 강화합니다. |
| 포맨틱 UI | Semantic-UI의 커뮤니티 포크 |
| 기반 | 깔끔한 마크업을 갖춘 모바일 우선 프레임워크 |
| 순수 CSS | 작고 반응성이 뛰어난 CSS 모듈 세트 |
| UIKit | 경량의 모듈식 프런트엔드 프레임워크 |
| 수지 | Sass용 경량 그리드 레이아웃 엔진 |
| Milligram.io | 미니멀리스트 CSS 프레임워크 |
| 바닐라 프레임워크 | Sass로 작성된 간단하고 확장 가능한 CSS 프레임워크 |
| 스펙터 CSS | 가볍고 현대적인 CSS 프레임워크 |
| 피크닉 CSS | 가볍고 아름다운 도서관 |
| 비행 | 미니멀리스트를 위해 디자인된 아름다운 CSS 프레임워크 |
| 초타 | 마이크로(~3kb) CSS 프레임워크 |
| 청사진 CSS | 어디서나 작동하는 뛰어난 반응형 모바일 우선 UI를 구축하기 위한 경량 레이아웃 라이브러리 |
| W3.CSS | 기본적으로 데스크탑, 태블릿, 모바일 디자인을 지원하는 최신 CSS 프레임워크입니다. jQuery 또는 기타 JavaScript 라이브러리와 독립적으로 설계됨 |
| 98.css | 기존 UI를 충실하게 재현하기 위한 디자인 시스템 |
| 네스 CSS | NES 스타일 CSS 프레임워크 |
| 신발끈.css | 미래형 CSS 구문으로 구축된 가볍고 미래 지향적인 CSS 라이브러리 |
| MVP.css | HTML 요소를 위한 미니멀한 스타일시트입니다. 클래스 이름도 없고, 프레임워크도 없고, 의미론적 HTML만 있으면 끝입니다. |
| 블레이즈.css | 웹 사이트를 빠르게 구축할 수 있는 뛰어난 구조를 제공하는 오픈 소스 모듈식 CSS 툴킷 |
| 터렛 CSS | Turret CSS는 반응형 웹사이트 개발을 위한 스타일 프레임워크입니다. |
| 귀여운스트랩 | 강력하고 독립적인 CSS 프레임워크입니다. |
| XP.css | XP.css는 98.css의 확장입니다. 오래된 UI처럼 보이는 인터페이스를 구축하기 위한 CSS 라이브러리입니다. |
| 프레임워크7 | Framework7- 모바일, 데스크탑 또는 웹 앱을 기본적으로 모양과 느낌으로 개발하기위한 무료 및 오픈 소스 프레임 워크입니다. |
| 힌트 .CSS | 사랑스러운 웹 사이트를위한 순수한 CSS 툴팁 라이브러리. |
| ImageHover.io | 순수한 CSS 이미지 호버 효과 라이브러리 |
| 미니 | 최소의 반응이 뛰어나고 스타일에 비해 CSS 프레임 워크 |
| 타키온 | 가능한 한 작은 CSS를 가진 빠른 로딩, 고도로 읽기 쉬운 100% 반응 형 인터페이스를 만듭니다. |
| 재료 부트 스트랩 | 부트 스트랩이있는 재료 디자인 |
| 상아 | 강력한 웹 인터페이스를 더 빠르고 쉽게 개발하기위한 최신 CSS 프레임 워크 |
| 반달 UI | 아름다운 대시 보드와 제품 페이지를 빠르게 구축하도록 설계된 반응 형 및 경량 프레임 워크. |
| 지하철 4 | Metro 4를 사용하여 사이트를 빠르고 효과적으로 만듭니다. HTML, CSS, JavaScript에 구축 된 인상적인 구성 요소 라이브러리. |
| CSS-Doodle | CSS로 패턴을 그리는 웹 구성 요소 |
| 라텍스 .CSS | 웹 사이트를 라텍스 문서처럼 보이게하십시오 |
| 종이 CS | 프론트 엔드 인쇄 솔루션 |
| 윈디 CSS | Tailwind CSS의 차세대 컴파일러 |
| CIRRUS CSS | 빠른 프로토 타이핑을 위해 설계된 구성 요소 및 유틸리티 중심 SCSS 프레임 워크. |
| 구텐베르크 | 웹을 올바르게 인쇄하는 최신 프레임 워크. |
| 문학 | 세계에서 가장 작은 반응 형 화재 CSS 프레임 워크 (395 바이트). |
| Arwes | Arwes는 미래의 공상 과학 디자인, 애니메이션 및 음향 효과를 기반으로 사용자 인터페이스를 구축하는 웹 프레임 워크입니다. |
| Bojler | Bojler는 가장 인기있는 이메일 클라이언트에서 올바르게 렌더링 할 대응적이고 가벼운 전자 메일 템플릿을 개발하기위한 이메일 프레임 워크입니다. |
| 말로 나타내지 않은 | 수업이없는 인형을위한 원시 CSS 프레임 워크. |
| 터미널 CSS | 터미널 애호가를위한 현대적이고 최소한의 CSS 프레임 워크. |
| 사쿠라 | 최소 CSS 프레임 워크 / 테마. |
| PSone | NES.CSS에서 영감을 얻은 PS1 스타일 CSS 프레임 워크. |
| 마르크스 | 마르크스는 모든 프로젝트 (즉, 작은 프로젝트)에서 사용하기 위해 클래스리스 CSS 재설정입니다. |
| tufte | Edward Tufte의 유인물과 같은 웹 페이지를 스타일링하십시오. |
| axentix | Axentix는 HTML, CSS 및 JS를 사용하는 CSS 그리드를 기반으로 한 오픈 소스 프레임 워크입니다. |
| 래스터 간단한 그리드 시스템 | 시맨틱 CS가 아닌 서술 HTML을 사용하는 최소 및 간단한 CSS 그리드 시스템. |
| FlowRift | FlowRift는 아름답게 디자인 된 Tailwind CSS UI 블록으로 만든 라이브러리입니다. |
| 트위드 | 가장 작고 빠르며, 가장 작고 가장 특징이있는 완벽한 Tailwind-in-JS 솔루션이 존재합니다. |
| pico.css | .classes 및 다크 모드가 자동으로 활성화되지 않은 모든 원주민 HTML 요소에 대한 우아한 스타일. |
| clay.css | 확장 가능하고 구성 가능한 마이크로 CSS Util Class 및 Sass Mixin은 구성 요소에 클레이 모르피즘 스타일을 추가합니다. |
| Beercss | Devs의 응력없이 레코드 시간에 재료 설계 인터페이스를 구축하십시오. 재료 설계를 구현하는 첫 번째 CSS 프레임 워크 3. |
| 우노CSS | UNOCSS는 즉각적인 원자 CSS 엔진으로 유연하고 확장 가능하도록 설계되었습니다. 핵심은 구현되지 않으며 모든 CSS 유틸리티는 사전 설정을 통해 제공됩니다. |
| 해왕성 CSS | 해왕성 CSS는 가벼운 CSS 프레임 워크입니다. 웹 사이트를 더 빨리 개발하는 데 사용하십시오. |
| 스타일X | STYLEX는 웹 앱 스타일링을위한 간단하고 사용하기 쉬운 JavaScript 구문 및 컴파일러입니다. |
| 궤도 | 궤도는 간단하거나 복잡한 방사형 인터페이스를 생성하기위한 최초의 CSS 프레임 워크입니다. |
모듈 식, 재사용 가능하며 확장 가능한 코드를 작성하는 데 도움이되는 CSS 방법론
| 웹사이트 | 설명 |
|---|---|
| OOCSS | OOCSS 개념은 유연하고 모듈 식이며 교환 가능한 구성 요소를 작성하는 데 도움이됩니다. |
| 원자 CS | 원자 CSS는 시각적 기능을 기반으로 이름을 가진 소규모 단일 목적 수업을 선호하는 CSS 아키텍처에 대한 접근 방식입니다. |
| 벰 | Block Element Modifier는 프론트 엔드 개발에서 재사용 가능한 구성 요소 및 코드 공유를 만드는 데 도움이되는 방법론입니다. |
| smacss | SMACSS는 설계 프로세스를 검사하고 이러한 강성 프레임 워크를 유연한 사고 프로세스에 맞출 수있는 방법입니다. |
| 입방체 | Cube CSS는 단순성, 실용주의 및 일관성을 향한 CSS 방법론입니다. |
웹 사이트 및 응용 프로그램을위한 멋진 애니메이션을 구축하는 CSS 애니메이션
| 웹사이트 | 설명 |
|---|---|
| animate.css | 단지 수용체 CSS 애니메이션 |
| bounce.js | Bounce.js는 아름다운 CSS3 전원 애니메이션을 만들 수있는 도구 및 JS 라이브러리입니다. |
| 애니메이션 .js | ANIME.JS (/jæn.ə.meɪ/)는 간단하지만 강력한 API가있는 가벼운 JavaScript 애니메이션 라이브러리입니다. CSS 속성, SVG, DOM 속성 및 JavaScript 객체와 함께 작동합니다. |
| 매직 애니메이션 | 애니메이션은 가장 인상적인 애니메이션 라이브러리 중 하나였습니다. |
| zdog | 캔버스 및 SVG 용 둥글고 평평하며 디자이너 친화적 인 의사 3D 엔진 |
| CSSHAKE | CSSHAKE는 상자에서 정확히 말하는 내용을 전달합니다 - 웹 페이지 내에서 요소를 흔들기 위해 특별히 설계된 CSS 라이브러리 |
| hover.css | Hover.CSS는 웹 사이트의 버튼 및 기타 UI 요소와 함께 사용하도록 설계된 CSS 애니메이션 라이브러리입니다. |
| anijs | Anijs는 간단한 '문장과 같은'구조로 요소에 애니메이션을 추가 할 수있는 애니메이션 라이브러리입니다. |
| 애니 미스타 | CSS 애니메이션이 필요합니다 |
| 타키온-애니메이션 | Tachyons 자체는 필요한 것에 클래스를 추가하여 본질적으로 무엇이든 설계하기위한 수많은 유틸리티 클래스가있는 원자 CSS 라이브러리입니다. |
| 시퀀스 .js | Sequence.js는 고유 슬라이더, 프레젠테이션, 배너 및 기타 단계 기반 애플리케이션을 만들기위한 반응 형 CSS 프레임 워크를 제공하는 JavaScript 라이브러리입니다. |
| 무한 | 회전 및 펄스와 같은이 애니메이션은 특별히 실행되고 영원히 반복하도록 설계되었습니다. |
| Ocnoxious.css | 강한 마음과 마음의 약한 애니메이션 |
| 모션 UI | 유연한 CSS 전환 및 애니메이션 생성을위한 SASS 라이브러리 |
| keyframes.app | 사용자 정의 CSS 키 프레임 애니메이션 생성을위한 그래픽 사용자 인터페이스 |
| 생각 보트 | 초보자를위한 CSS 전환 및 변환 |
| SVG 아티스트 | 일반 CSS 코드로 SVG 이미지의 뇌졸중을 애니메이션하고 충전하는 유용한 도구 |
| animxyz | Animxyz는 웹 사이트의 애니메이션을 작성, 사용자 정의 및 작성하는 데 도움이됩니다. Vue, React, SCSS 및 CSS 용으로 제작되었습니다 |
| 회전 | 최소한의 노력으로 CSS 애니메이션로드! |
| 햄버거 | 햄버거는 맛있는 CSS 애니메이션 햄버거 아이콘 모음입니다. SASS 라이브러리로서 소스도 포함되어 있습니다. 모듈 식적이고 사용자 정의 할 수 있으므로 자신의 햄버거를 요리하십시오. |
| CSS 로더 및 스피너 | 다양한 유형의 CSS 로더, 스피너 모음이있는 라이브러리입니다. |
| 모션 하나 | 가장 작은 파일 크기와 가장 빠른 성능을위한 웹 애니메이션 API를 기반으로하는 새로운 애니메이션 라이브러리. |
| 포콜로코 | 웹 사이트의 동적 배경을 생성하십시오 |
| Anix | 매우 쉽고 가벼운 CSS 애니메이션 라이브러리. |
| AOS | 스크롤 라이브러리에 애니메이션. |
| 애니메이터 | 단지 수용자 CSS 애니메이션 스 니펫 |
웹 사이트 및 응용 프로그램을위한 멋진 애니메이션을 구축하기위한 JavaScript 애니메이션 라이브러리
| 웹사이트 | 설명 |
|---|---|
| 그린 콕 | 모든 주요 브라우저에서 작동하는 고성능 애니메이션 구축을위한 JavaScript 라이브러리 |
| Velocity.js | Velocity는 jQuery의 $ .animate ()와 동일한 API를 가진 경량 애니메이션 엔진입니다. |
| lax.js | 스크롤 할 때 매끄럽고 아름다운 애니메이션을 만들기 위해 단순하고 가벼운 바닐라 JavaScript 플러그인! |
| rellax.js | 버터 매끄럽고 부드럽고 경량의 바닐라 자바 스크립트 시차 라이브러리 |
| three.js | 기본 WebGL 렌더러가 장착 된 사용하기 쉬운 가벼운 3D 라이브러리. |
| 아트로포스 | Atropos는 가볍고 무료 및 오픈 소스 JavaScript 라이브러리로 멋진 터치 친화적 인 3D 시차 호버 효과를 만듭니다. |
| 와우 .js | 스크롤 할 때 애니메이션을 공개하십시오. |
| chocolat.js | 무료 라이트 박스 플러그인. |
| 스크롤에 애니메이션 | 스크롤 라이브러리의 애니메이션으로 스크롤 할 때 애니메이션을 드러냅니다. |
| tilt.js | jQuery에 대한 작은 requestAnimationFrame 전원 60+fps 경량 시차 호버 틸트 효과. |
| 거칠게 | 거친 표기법은 웹 페이지에서 주석을 작성하고 애니메이션하는 작은 자바 스크립트 라이브러리입니다. |
| tsparticles | 입자를 만들기위한 가벼운 라이브러리, 버려진 쓸모없는 입자의 개선 된 버전. |
| 입자 .js | 입자를 생성하기위한 가벼운 JavaScript 라이브러리 |
| Mo.js | 웹 용 모션 그래픽 도구 벨트 |
| Lightbox2 | 현재 페이지 위에 이미지를 오버레이하는 작은 JS 라이브러리. |
| 멋진 | 완전히 반응하는 회전 목마 |
| Barba.js | 웹 사이트 페이지간에 유동적이고 부드러운 전환을 만듭니다. |
| 기관차 두루마리 | 뷰포트에서 요소를 감지하고 시차로 스마트 스크롤을 감지하는 간단한 스크롤 라이브러리. |
| 올빼미 회전식 | 무료 반응 형 jQuery 회전 목마 |
| Swiperjs | 무료, 오픈 소스, jQuery가없는 현대 슬라이더. 바닐라 JS 및 React, Vue, Angular 등과 같은 모든 현대 프레임 워크에 사용할 수 있습니다. |
| Spride | 회전 목마 및 슬라이더를위한 무료 JS 라이브러리 |
| 간단한 시차 | JavaScript로 시차 효과를 얻는 가장 쉬운 방법 |
| kute.js | Kute.js는 최신 브라우저를위한 JavaScript 애니메이션 엔진입니다. |
| granim.js | 이 작은 JavaScript 라이브러리로 유체 및 대화식 그라디언트 애니메이션을 만듭니다. |
| 팝 모션 | 유쾌한 사용자 인터페이스를위한 간단한 애니메이션 라이브러리. |
| 생체 | Vivus는 SVG를 애니메이션 할 수있는 경량 JavaScript 클래스 (종속성 없음)로, 그려 질 수 있습니다. |
| typed.js | JavaScript 타이핑 애니메이션 라이브러리. |
| Progress Bar.js | 애니메이션 SVG 경로가있는 반응 형 및 매끄러운 진행 막대. |
| 자정 .js | Midnight.js를 사용하면 고정 헤더를 즉시 전환 할 수 있습니다 |
| tingle.js | Tingle은 순수한 JavaScript로 작성된 간단한 모달 플러그인입니다. |
| Theatre.js | Theatre.js는 GUI가있는 JavaScript 애니메이션 라이브러리입니다. DOM, WebGL 및 기타 JavaScript 변수를 애니메이션합니다. |
| Spridejs | Spride는 TypeScript로 작성된 가볍고 유연하며 접근 가능한 슬라이더/회전식입니다. 종속성, 등대 오류 없음. |
| 멋진 파이 | 아름다운 애니메이션 파도 |
| vanta.js | 몇 줄의 코드 라인의 애니메이션 웹 사이트 배경. |
| splitting.js | 분할이 요소를 생성하고 CSS 변수를 추가하여 텍스트, 그리드 등을 애니메이션 할 수있는 놀라운 가능성을 잠금 해제합니다! |
개발자가 데이터를 차트로 시각화하는 데 도움이되는 라이브러리
| 웹사이트 | 설명 |
|---|---|
| Chartjs | 디자이너 및 개발자를위한 간단하지만 유연한 JavaScript 차트 |
| Frappejs | Github와 같은 녹색 사각형 그리드 및 사용할 기타 차트가 포함되어 있습니다. |
| g2plot | G2Plot은 그래픽 문법을 기반으로하는 대화식 및 반응 형 차트 라이브러리입니다. |
