CSSDesignAwadrs

cssdesignawards.com

CSSDesignAwards는 전 세계 웹 디자이너 및 개발자가 뛰어난 웹 디자인을 제출하고 영감을 얻는 플랫폼입니다.

Smooth Shadow

shadows.brumm.af

Smooth Shadow 앱은 CSS 그림자를 조작하고 최적화하여 보다 매끄럽고 사실적인 시각 효과를 제공합니다.

CSS-Tricks

css-tricks.com

CSS-트릭은 CSS 및 관련 기술에 대한 튜토리얼과 기사를 제공하는 웹 개발 커뮤니티 플랫폼입니다.

Smashing Magazine

smashingmagazine.com

Smashing Magazine은 웹 개발자와 디자이너를 위한 CSS, JavaScript, UX 및 디자인 관련 유용한 정보를 제공하는 앱입니다.

UI Colorful

uicolorful.com

UI Colorful은 색상 테마를 생성하고 관리할 수 있는 앱으로, 다양한 색 구성표를 탐색하고 사용자 정의할 수 있습니다.

JSFiddle

jsfiddle.net

JSFiddle은 HTML, CSS, JavaScript 등을 온라인에서 작성하고 테스트할 수 있는 웹 기반 코드 편집기입니다.

TailwindCSS Docs

tailwindcss.com

Tailwindcss Docs는 Tailwind CSS 프레임워크를 배우고 활용할 수 있도록 도와주는 종합적인 리소스입니다.

BadtzUI

pro.badtz-ui.com

BadtzUI는 사전 디자인된 ReactJS/NextJS 구성 요소로 웹사이트를 빠르게 구축할 수 있게 해주는 사용자 인터페이스 도구입니다.

JS Bin

jsbin.com

JS Bin은 HTML, CSS, JavaScript 코드를 작성하고 실시간으로 테스트 및 공유할 수 있는 온라인 플랫폼입니다. 협업 기능을 지원합니다.

Doodad

doodad.dev

Doodad 앱은 웹사이트를 빠르고, 표현력이 풍부하며, 접근 가능하고 친환경적으로 만드는 도구를 제공합니다.

Accessibly

accessiblyapp.com

접근성 앱은 웹사이트의 ADA 및 WCAG 준수를 지원하며 텍스트 크기 조정, 색상 대비 변경 등 다양한 접근성 기능을 제공합니다.

Codebeautify

codebeautify.org

CodeBeautify는 HTML, JSON 등의 코드를 형식화하고 최적화하는 온라인 도구로, 코드 편집과 데이터 변환을 지원합니다.

Classyfont

classyfont.com

ClassyFont는 다양한 스타일의 글꼴을 지원하여 사용자가 텍스트를 쉽게 사용자 정의하고 미리 볼 수 있는 효율적인 글꼴 생성기입니다.

WebzFactory

webzfactory.com

WebzFactory 앱은 기업, 개인 및 인플루언서를 위해 웹사이트를 쉽게 만들고, 비즈니스 및 브랜드를 정리할 수 있게 도와줍니다.

LayoutIt!

layoutit.com

LayoutIt!는 CSS Grid와 Bootstrap을 위한 인터페이스 빌더로, 사용자가 레이아웃을 대화식으로 설계하고 관리할 수 있도록 돕는 도구입니다.

Tridiv

tridiv.com

Tridiv는 CSS로 3D 도형을 만들 수 있는 웹 기반 편집기입니다.

TopCSSGallery

topcssgallery.com

The world-wide viewers of Top CSS GALLERY website always esteem the selected contestant’s websites with their inventive features and sophisticated functionalities. We judge the best aesthetics, engaging functionalities, the finest user experience, and unique images to make their choice in all CSS gallery. The Top CSS GALLERY is a real living archive of web design inspiration, web designer portfolio collections which are making history with the latest trends and promoting award-winning creative as well as innovative work style.

Tweaktail

tweaktail.xyz

TweakTail은 Tailwind 컴포넌트를 시각적으로 디자인할 수 있도록 도와주는 앱입니다. CSS 작업 없이 간단하게 조정하고 깔끔한 코드를 복사할 수 있습니다.

CSS Triggers

csstriggers.com

CSS Triggers 앱은 다양한 CSS 속성이 웹 페이지의 렌더링에 미치는 영향을 이해하는 데 도움을 주는 도구입니다.

Oh dear

ohdear.app

오, Dear는 웹 사이트 성능을 모니터링하고, 링크 손실 및 SSL 보고를 제공하여 웹 관리자와 개발자가 사이트 상태를 추적하는 데 도움을 줍니다.

CSS Gradient

cssgradient.io

CSS Gradient는 웹사이트, 블로그 또는 소셜 미디어 프로필을 위한 색상 그라디언트 배경을 생성하는 무료 도구입니다.

Color Contrast Checker

color-contrast-checker.com

Color Contrast Checker는 전경과 배경색의 대비 비율을 평가하여 WCAG AA 및 AAA 기준에 맞는지 확인하는 도구입니다.

Layoutit Grid

grid.layoutit.com

Layoutit Grid는 CSS 그리드를 시각적으로 디자인하고 HTML 및 CSS 코드를 생성할 수 있는 웹 기반 도구입니다.

NavNav+

navnav.co

NavNav+ 앱은 다양한 웹의 반응형 내비게이션 예제, 데모 및 튜토리얼을 제공합니다.

Contrast Ratio

siegemedia.com

대비 비율 앱은 웹사이트의 배경과 텍스트 색상 간의 대비 비율을 계산하여 접근성을 평가하는 도구입니다.

ZCOOL站酷

zcool.com.cn

ZCOOL은 디자이너, 사진작가, 일러스트레이터를 위한 상호작용 플랫폼으로 창의적인 작품을 공유하고 디자인 리소스를 제공합니다.

优设

uisdc.com

优设 앱은 디자인 관련 교육, 자료, 리소스를 제공하며, 초심자부터 전문가까지 다양한 디자인 습득을 지원하는 플랫폼입니다.

CSS Unit Converter

cssunitconverter.com

CSS 단위 변환기는 웹 디자인 및 인쇄를 위해 픽셀을 상대 및 절대 단위로 변환하는 도구입니다. 자동 계산 및 실시간 미리보기를 지원합니다.

Layoutit Voxels

voxels.layoutit.com

Layoutit Voxels는 CSS 그리드와 3D 변환을 사용하여 복셀 모델을 생성하고 HTML 및 CSS 코드를 출력하는 웹 기반 편집기입니다.

米拓建站

mituo.cn

米拓建站 앱은 전문 웹사이트 구축 및 관리 플랫폼으로, 사용자 친화적인 도구와 다양한 기능을 제공합니다.

稿定设计

gaoding.com

Gaoding Design은 간단한 텍스트 및 이미지 교체로 포스터와 다양한 시각적 콘텐츠를 빠르게 제작할 수 있는 그래픽 디자인 앱입니다.

BBBootstrap

bbbootstrap.com

BBBootstrap는 Jquery, HTML, CSS 및 Bootstrap으로 사용자 정의 가능한 템플릿과 UI 구성 요소를 제공하여 웹 애플리케이션 개발을 지원합니다.

Uicolors

uicolors.app

Uicolors 앱은 주어진 헥스 코드나 HSL 색상을 기반으로 Tailwind CSS 색상 음영을 생성, 편집, 저장 및 공유할 수 있는 도구입니다.

Neumorphism

neumorphism.io

Neumorphism 앱은 새로운 디자인 트렌드인 Neumorphism을 위한 CSS 코드 생성기로, UI 요소를 쉽게 설계하고 통합할 수 있게 도와줍니다.

W3Dart

w3dart.com

W3Dart는 웹사이트 버그 신고를 쉽게 하는 시각적 피드백 도구입니다. 웹사이트 피드백 및 버그 추적 시간을 20% 절약할 수 있습니다.

AI绘画

ai.5iux.cn

AI 그림 그리기 앱은 사용자의 입력을 기반으로 예술작품을 생성하며, 초보자와 전문가에게 적합한 기능을 제공합니다.

ez1.dev

ez1.dev

EZ1.dev는 AI 기반의 웹 앱 개발 플랫폼으로, 웹사이트 생성을 자동화하여 간편하게 배포할 수 있게 돕습니다. 사용자 정의 코드를 지원합니다.

Design Tokens Generator

tokens.layoutit.com

디자인 토큰 생성기는 디자인 시스템을 위해 색상, 타이포그래피 등 토큰을 작성하고 JSON, CSS, SASS 코드로 변환하는 도구입니다.

JSX.Design

jsx.design

JSX.Design은 React 개발자를 위한 노코드 WYSIWYG 에디터로, 시각적으로 반응형 UI를 만들고 깨끗한 JSX 코드를 생성할 수 있습니다.

Ycode

ycode.com

Ycode는 디자이너와 클라이언트 간의 협업을 위해 설계된 코딩 없는 비쥬얼 개발 플랫폼으로, 동적 웹사이트 및 앱 제작을 지원합니다.

易优cms

eyoucms.com

易优 CMS는 사용자가 웹사이트 콘텐츠를 관리하고 게시할 수 있도록 돕는 오픈 소스 콘텐츠 관리 시스템입니다.

Web Formatter

webformatter.com

Web Formatter는 HTML, XML, CSS, JavaScript, PHP, JSON 코드를 간편하게 포맷하는 도구입니다.

v0

v0.dev

V0은 텍스트 및 이미지 프롬프트로 UI를 생성하고 Figma 디자인을 코드로 전환하여 프로토타입을 빠르게 개발하는 도구입니다.

Contza CMS

contza.com

Contza CMS는 웹사이트에 시각적 편집 기능을 추가하여 디지털 컨텐츠를 효율적으로 관리하는 시스템입니다.

Coderwall

coderwall.com

CoderWall은 개발자가 자신의 기술과 업적을 보여주고, 다른 개발자와 연결하며 지식을 공유할 수 있는 플랫폼입니다.

CodeSandbox

codesandbox.io

CodeSandbox는 온라인으로 코드를 작성하고 공유할 수 있는 웹 기반 통합 개발 환경(IDE)입니다.

建e网

justeasy.cn

建e网은 디자이너, 건축가 등 창의적 전문가를 위한 디자인 리소스와 도구, 커뮤니티 기능을 제공하는 종합 디자인 플랫폼입니다.

Beautify Your Code

beautifyourcode.com

코드 미화 앱은 다양한 프로그래밍 언어의 코드를 자동으로 포맷하고 가독성을 높여주는 웹 기반 도구입니다. 사용자가 쉽게 코드 구조를 개선할 수 있도록 지원합니다.

Tailwind Play

play.tailwindcss.com

Tailwind Play는 Tailwind CSS의 기능을 실험하고 학습할 수 있는 온라인 플랫폼입니다. 개발자가 CSS를 쉽게 테스트할 수 있도록 지원합니다.

HtmlViewer.cc

htmlviewer.cc

HtmlViewer.cc는 HTML 코드를 보고 수정할 수 있는 웹 기반 도구로, 직관적인 인터페이스를 통해 실시간 미리보기를 제공합니다.