노코드·웹 빌더.
코딩 없이 웹사이트와 앱을 만들거나, 디자인을 코드로 옮길 때 쓰는 빌더와 컴포넌트.
노코드 웹사이트 빌더 29
- Framer디자인하고 바로 게시할 수 있는 AI 웹사이트 빌더.
- Dorik프롬프트만으로 웹사이트를 생성하는 AI 웹 빌더.
- 10WebAI로 웹사이트를 만드는 워드프레스 기반 사이트 빌더.
- Webflow코드 없이 시각적으로 반응형 웹사이트를 제작하고 호스팅하는 빌더.
- Squarespace템플릿 기반으로 웹사이트와 온라인 스토어를 만드는 빌더.
- ElementorWordPress에서 드래그 앤 드롭으로 페이지를 만드는 사이트 빌더.
- Wix템플릿과 시각 편집기로 웹사이트를 만들고 운영하는 빌더.
- Tilda블록을 조합해 코드 없이 웹사이트와 랜딩 페이지를 만드는 빌더.
- Vev디자인부터 게시까지 한 곳에서 웹 경험을 제작하는 플랫폼.
- Ycode디자이너와 에이전시를 위한 시각적 웹 개발 플랫폼.
- Divhunt코드 없이 웹사이트를 제작하는 노코드 빌더.
- Studio AIAI를 활용해 웹사이트를 디자인하고 제작하는 도구.
- Webstudio오픈소스 기반의 시각적 웹사이트 빌더.
- Canva WebsitesCanva 안에서 한 페이지짜리 웹사이트를 만드는 빌더.
- BlocsMac과 iPad에서 쓰는 시각적 웹사이트 제작 앱.
- Slides 6슬라이드 형태의 정적 웹사이트를 쉽게 생성하는 도구.
- Universe어떤 기기에서든 쓸 수 있는 노코드 웹사이트 빌더.
- mmm드래그 앤 드롭으로 간단한 개인 웹사이트를 만드는 빌더.
- Hostinger웹사이트와 온라인 스토어를 만들 수 있는 웹 호스팅 기반 빌더.
- Siter클라우드에서 디자인하며 코드 없이 웹사이트를 만드는 빌더.
- Versoly속도와 SEO를 고려해 노코드로 웹사이트를 만드는 빌더.
- Vzy스마트폰에서 코드 없이 웹사이트를 만들 수 있는 빌더.
- Jimdo소규모 사업자를 위한 간편한 웹사이트 제작 서비스.
- Straw.page아주 단순하게 웹페이지를 만들어 게시하는 빌더.
- Revyme크리에이티브 디자이너를 위한 웹 빌더.
- SitelyMac용 시각적 웹사이트 제작 앱.
- Pagy미리 만들어진 블록을 조합해 웹사이트를 빠르게 구성하는 빌더.
- Kirki무한 캔버스에서 자유롭게 WordPress 사이트를 디자인하는 빌더.
- Figma SitesFigma에서 디자인한 화면을 반응형 웹사이트로 게시하는 기능.
노코드 웹앱 빌더 10
- Lovable대화형 AI로 앱과 웹사이트를 만드는 노코드 개발 서비스.
- Atoms여러 AI 에이전트가 협업해 앱을 만들어 주는 노코드 빌더.
- Bubble코드 없이 웹 애플리케이션을 만드는 노코드 플랫폼.
- Momen노코드로 커스텀 웹 앱을 제작하는 플랫폼.
- Adalo코드 없이 모바일 및 웹 앱을 만드는 노코드 빌더.
- Jotform Apps폼과 위젯을 묶어 맞춤형 앱을 만드는 Jotform의 앱 빌더.
- AppMaster업무 프로세스 자동화와 앱 제작을 위한 노코드 플랫폼.
- Directual웹3 앱을 노코드로 만드는 플랫폼.
- PandaSuite앱, 디지털 출판물, 인터랙티브 프레젠테이션을 코드 없이 만드는 도구.
- WeWeb다양한 백엔드와 연결해 웹 앱을 시각적으로 만드는 빌더.
모바일 앱 빌더 15
- Draftbit네이티브 모바일 앱을 시각적으로 만들고 출시하는 빌더.
- DetailsProSwiftUI 기반으로 앱 화면과 목업을 디자인하는 앱.
- a0.dev프롬프트로 모바일 앱을 만들어 주는 AI 개발 도구.
- RorkAI로 네이티브 모바일 앱을 빠르게 만드는 서비스.
- CatDoesAI 에이전트가 모바일 앱을 대신 만들어 주는 서비스.
- GoodBarber네이티브 앱과 PWA를 만드는 앱 제작 플랫폼.
- TileAI 에이전트로 모바일 앱을 제작하고 출시하는 서비스.
- AppStructAI를 활용해 코딩 없이 앱을 만드는 도구.
- Newly텍스트 프롬프트로 iOS와 Android 앱을 만드는 AI 플랫폼.
- Apprat코드 없이 iOS, Android, 웹 앱을 만드는 빌더.
- BiltFigma 디자인을 실제 iPhone, Android 앱으로 변환하는 도구.
- x1iPhone 앱의 기획, 디자인, 개발을 돕는 AI 스튜디오.
- PrototoClaude Code를 활용해 iOS 앱 프로토타입을 만드는 도구.
- Dreamflow시각적 환경에서 AI로 모바일 앱을 만드는 빌더.
- RapidNative프롬프트로 React Native 모바일 앱을 만드는 AI 빌더.
랜딩페이지·쇼핑몰 빌더 16
- Typedream아이디어를 AI로 웹사이트로 만들어 주는 사이트 빌더.
- Shopify온라인 쇼핑몰을 만들고 운영하는 이커머스 플랫폼.
- UnbounceAI 기능을 갖춘 마케팅용 랜딩 페이지 빌더.
- Carrd프로필이나 랜딩용 한 페이지 사이트를 간단히 만드는 빌더.
- Leadpages리드 수집을 위한 랜딩 페이지 제작 도구.
- Instapage광고 캠페인용 랜딩 페이지를 만들고 최적화하는 플랫폼.
- Landingi드래그 앤 드롭 편집과 A/B 테스트를 갖춘 랜딩 페이지 도구.
- Swipe PagesAMP 기반으로 빠른 랜딩 페이지를 만드는 빌더.
- Startup스타트업을 위한 노코드 웹사이트 빌더.
- Weebly비즈니스용 웹사이트와 온라인 스토어를 만드는 빌더.
- Shuffle템플릿과 웹사이트를 빠르게 구성하는 디자인 도구.
- Experimently랜딩 페이지를 생성하고 A/B 테스트 후 게시하는 도구.
- Circle Website Builder커뮤니티 서비스 Circle에 포함된 웹사이트 빌더.
- GenstoreAI로 온라인 스토어를 빠르게 구축하는 이커머스 빌더.
- Flint광고와 키워드에 맞춰 랜딩 페이지를 자동 생성하는 도구.
- Podia강의와 디지털 상품을 판매하고 커뮤니티를 운영하는 플랫폼.
포트폴리오 사이트 빌더 12
- Cargo창작자를 위한 포트폴리오 웹사이트 제작 도구.
- Readymag인터랙티브한 웹사이트와 포트폴리오를 디자인하는 도구.
- SempliceWordPress 기반의 디자이너용 포트폴리오 제작 도구.
- Adobe PortfolioAdobe Creative Cloud에서 제공하는 포트폴리오 사이트 제작 서비스.
- Format작품을 보여 주는 온라인 포트폴리오 사이트 제작 서비스.
- Carbonmade온라인 포트폴리오를 간단히 만드는 빌더.
- Control랜딩 페이지, 제품 사이트, 포트폴리오를 디자인하는 웹 빌더.
- Portfoliobox크리에이터를 위한 간편한 포트폴리오 빌더.
- Pixpa포트폴리오 제작과 작품 판매, 공유를 지원하는 올인원 빌더.
- Fueler작업물을 온라인에 정리해 보여 주는 포트폴리오 플랫폼.
- identid.me짧은 시간에 온라인 포트폴리오를 만드는 서비스.
- Semirare아티스트, 사진가, 디자이너를 위한 포트폴리오 빌더.
로우코드 플랫폼 8
- FlutterFlow시각적으로 앱 UI를 만들고 코드를 생성하는 로우코드 플랫폼.
- UI Bakery데이터를 기반으로 내부 도구를 만드는 로우코드 빌더.
- Builder.ioAI와 시각 편집기로 코드베이스를 편집하는 개발 플랫폼.
- PlasmicReact 코드베이스 위에서 쓰는 오픈소스 시각적 빌더.
- Makeswift자체 React 컴포넌트로 Next.js 페이지를 시각적으로 편집하는 빌더.
- TeleportHQUI 개발과 콘텐츠 모델링을 함께 지원하는 협업형 프런트엔드 플랫폼.
- Quarkly웹사이트와 웹 앱을 만드는 노코드, 로우코드 플랫폼.
- TempoAI로 React 앱을 디자인하고 개발하는 도구.
사내 도구·업무 앱 빌더 6
노션으로 웹사이트 만들기 3
디자인을 코드로 9
- Anima아이디어나 기존 디자인에서 웹사이트와 앱을 만드는 도구.
- BravoFigma 디자인을 iOS, Android 네이티브 앱으로 바꾸는 노코드 빌더.
- Figma to WebflowFigma 디자인을 Webflow 요소로 옮기는 Webflow의 기능.
- FigsideFigma 디자인으로 웹사이트를 제작해 게시하는 도구.
- Locofy디자인을 프런트엔드 코드로 변환하는 도구.
- FUNCTION12디자인을 코드로 옮기는 변환 도구.
- UI2Code AIAI로 UI 이미지를 코드로 변환하는 도구.
- Subframe시각적 편집기로 UI를 만들고 코드로 내보내는 도구.
- Zoah캔버스에서 디자인을 만들고 배포 가능한 코드로 연결하는 플랫폼.
비주얼 프런트엔드 편집기 10
- TurboStyle웹사이트를 시각적으로 직접 편집하는 도구.
- DosmosAI 코딩 도구와 함께 쓰는 시각적 프런트엔드 편집기.
- Ship StudioClaude Code, GitHub, Vercel을 한 화면에서 다루는 개발 도구.
- ProjektAI 코딩 에이전트를 실시간 미리보기와 함께 쓰는 시각적 작업 공간.
- Kombai프런트엔드 개발에 특화된 AI 에이전트.
- AirshipAI 에이전트가 코드베이스를 편집하도록 돕는 시각적 편집기.
- OverlayVS Code 안에서 실제 React 컴포넌트로 UI를 디자인하는 도구.
- TimefulVue와 Tailwind 앱을 코드와 동기화하며 편집하는 시각적 편집기.
- EditUI화면 요소를 지정해 변경 사항을 코딩 에이전트에 전달하는 확장 프로그램.
- Skisso실제 사이트의 CSS를 편집하고 수정 내용을 복사하는 브라우저 확장.
UI 프레임워크·컴포넌트 31
- MUI (Material UI)Material Design 기반의 React UI 컴포넌트 라이브러리.
- Ant Design엔터프라이즈 서비스용 React UI 라이브러리와 디자인 시스템.
- Chakra UI접근성을 고려한 React 컴포넌트 시스템.
- Radix스타일이 없는 접근성 중심의 React UI 컴포넌트 라이브러리.
- Headless UITailwind CSS와 함께 쓰는 스타일 없는 접근성 UI 컴포넌트.
- Tailwind plusTailwind CSS 제작진이 만든 UI 컴포넌트와 템플릿 모음.
- shadcn/ui복사해서 수정해 쓰는 방식의 React 컴포넌트 모음.
- Elastic UIElastic이 제공하는 오픈소스 UI 프레임워크.
- Diez여러 코드베이스와 플랫폼에서 시각 스타일을 공유하는 개발 툴킷.
- PrebuiltUITailwind CSS로 만든 커스터마이징 가능한 컴포넌트 라이브러리.
- Neumorphism UI뉴모피즘 스타일을 적용한 UI 키트.
- UI Snippets버튼과 호버 애니메이션을 CSS로 복사해 쓰는 갤러리.
- Hero접근성과 커스터마이징을 고려한 React UI 라이브러리.
- Oat가볍고 시맨틱한 UI 컴포넌트 라이브러리.
- LiveKit Agents UI음성 AI 에이전트 인터페이스용 오픈소스 React 컴포넌트.
- TailgridsTailwind CSS 기반의 오픈소스 React 컴포넌트 라이브러리.
- Glass UI글래스모피즘 효과의 CSS를 만들어 주는 생성기.
- Canvas UI창의적인 웹 효과를 위한 WebGL 컴포넌트 오픈소스 라이브러리.
- Hyperiux VaultReact와 Next.js용 인터랙션 효과 모음 라이브러리.
- Liquid Gooey액체처럼 변형되는 UI 효과를 구현하는 React 라이브러리.
- Watermelon UI복사해 쓰는 React 컴포넌트, 대시보드, UI 블록 모음.
- Balsa UIVue와 React에서 쓰는 오픈 코드 컴포넌트 시스템.
- Beautiful UI채팅형 에이전트와 AI 인터페이스용 복사 붙여넣기 UI 컴포넌트.
- Bencho페이지에서 조정하고 코드를 복사하는 인터랙티브 UI 블록.
- libraries.dev코딩 에이전트가 설치해 쓰는 React 효과 라이브러리 모음.
- beUI복사하거나 shadcn으로 설치하는 애니메이션 React 컴포넌트.
- PODIE복사해서 쓰는 표현력 있는 UI 컴포넌트와 인터랙션 모음.
- Evil Buttons개성 있는 애니메이션 버튼을 모아 놓은 컬렉션.
- ArcAI 에이전트와 함께 쓰는 애니메이션 React UI 라이브러리.
- Aceternity UI랜딩 페이지용 애니메이션 UI 컴포넌트 모음.
- Magic UI애니메이션이 들어간 오픈소스 React 컴포넌트 모음.
웹·앱 자동화 9
- Make앱과 서비스를 시각적으로 연결해 작업을 자동화하는 플랫폼.
- Zapier여러 앱을 연결해 반복 업무를 자동화하는 서비스.
- IFTTT앱과 기기를 조건에 따라 연결해 자동화하는 서비스.
- Integrately앱 간 연동을 간편하게 설정하는 자동화 도구.
- n8n워크플로를 구성해 업무를 자동화하는 도구.
- FlowEngineAI로 워크플로를 만들고 n8n을 바로 실행하는 서비스.
- Mechanic디자인 규칙을 재사용 가능한 디자인 도구로 만드는 플랫폼.
- RenderForm템플릿으로 이미지와 PDF 생성을 자동화하는 서비스.
- Dessn코딩 없이 디자인 변경을 반영하도록 돕는 도구.
Webflow 리소스 10
- JetboostWebflow 사이트에 검색과 필터 기능을 추가하는 도구.
- BYQWebflow, Framer, Figma용 컴포넌트를 복사해 쓰는 라이브러리.
- FlowbaseWebflow 컴포넌트, 템플릿, 가이드를 모은 리소스 사이트.
- Mozaik바로 쓸 수 있는 무료 Webflow 컴포넌트 모음.
- Flowspark Components복사해서 쓰는 무료 Webflow 컴포넌트 라이브러리.
- OsmoWebflow 제작에 쓰는 컴포넌트, 기법, 튜토리얼 모음.
- WizedWebflow 사이트에 로그인, 데이터, API 호출을 더하는 로우코드 도구.
- LinguanaWebflow 사이트를 여러 언어로 번역해 주는 서비스.
- No-Code Supply Co.노코드 제작에 쓰는 자료와 상품을 모아 놓은 사이트.
- SupersparksWebflow로 커뮤니티 웹사이트를 만드는 서비스.
Framer 리소스 11
- BYQWebflow, Framer, Figma용 컴포넌트를 복사해 쓰는 라이브러리.
- FramepluginsFramer 플러그인을 골라 소개하는 큐레이션 사이트.
- FramebloxFramer용 UI 키트와 디자인 시스템.
- FramifyFramer에서 쓰는 컴포넌트와 템플릿 모음.
- HyperFramerFramer 관련 리소스를 선별해 모은 사이트.
- Framer OverridesFramer에서 쓸 수 있는 코드 오버라이드 모음.
- FramepadFramer용 유연한 UI 키트와 디자인 시스템.
- FramestackFramer 사이트용 컴포넌트와 코드 오버라이드 모음.
- FrameplateFramer 템플릿, 플러그인, 리소스를 모은 라이브러리.
- Framer Text Effects텍스트 애니메이션 효과를 고르고 CSS로 내보내는 무료 갤러리.
- FrameAuthFramer 사이트에 인증과 회원 전용 콘텐츠를 더하는 도구.
일치하는 도구를 찾지 못했어요.
다른 검색어를 입력하거나 요금 필터를 바꿔 보세요.