본문 바로가기

Link57

테마컬러 참조, UI, shadcn https://ui.shadcn.com/themes Pick a Color. Make it yours. - shadcn/uiTry our hand-picked themes. Copy and paste them into your project. New theme editor coming soon.ui.shadcn.com 2025. 10. 26.
프롬프트 사고 파는 사이트, promptbase, 포켓프롬프트 https://promptbase.com/ AI Prompts | PromptBase: The #1 Marketplace for AI PromptsGenerate AI Content Create images, videos, and morepromptbase.com https://pocket-prompt.com/ 포켓 프롬프트 - ChatGPT 프롬프트 모음 | AI 프롬프트 사이트ChatGPT, Claude 등 AI 프롬프트 작성이 어려우신가요? 검증된 프롬프트 템플릿을 저장하고 바로 사용하세요!pocket-prompt.com 2025. 10. 25.
디자인패턴 참고 사이트, 바이브디자인랩 https://www.vibedesignlab.net/ 바이브 디자인 랩 - 디자이너와 개발자를 위한 인터랙티브 코딩바이브 코딩으로 디자인과 개발의 경계를 허무세요. 디자이너와 개발자를 위한 인터랙티브 웹 경험, 바이브 디자인 랩에서 시작하세요.www.vibedesignlab.net 2025. 10. 25.
그리드 레이아웃 참고 사이트, bentogrids https://bentogrids.com/ BentoGridsBentoGrids is a curated collection of bento designs for your inspiration.bentogrids.com 2025. 10. 25.
웹사이트 히어로섹션 참고 사이트, supahero https://www.supahero.io/ Supahero - Website hero section libraryExplore a handpicked library of stunning website hero sections designed to captivate and engage. Discover inspiring, high-quality hero designs for every niche and style—perfect for elevating your next web project.www.supahero.io 2025. 10. 25.
21st.dev https://21st.dev/공개된 예쁜 커퍼넌트들 러버블에서 가져와 사용가능함 21st.dev: The first vibe-crafting toolDiscover fresh UI inspiration, add favorites to your canvas, and generate hundreds of fresh variants based on your taste. No pixel-pushing required.21st.dev 2025. 10. 25.
zapier, 개발자없는 자동화도구 https://zapier.com/ Automate without limits | ZapierWorkflow automation software for everyone. Automate your work across 7,000+ app integrations—no developers, no IT tickets, no delays.zapier.com 2024. 11. 22.
미드저니 사용을 위한 링크 주소 모음 미드저니 사이트디스코드의 ui가 불편하다면 사이트에서 사용가능하다. 무료 플랜 없어져서 한달에 8달러부터 다양한 가격대가 있다. https://www.midjourney.com/인사이트 페이스 봇 얼굴 일관되게 표현하기 봇, 디스코드에서 추가하여 사용/saveid 엔터 하여 이미지 업로드하여 사용 https://discord.com/oauth2/authorize?client_id=1090660574196674713&permissions=274877945856&scope=bot렛츠 인헨스이미지를 고화질로 업스케일, 무료 플랜 10크레딧 제공https://letsenhance.io/ LetsEnhance: Image quality AI - make photos HD/4k & more onlineAI to e.. 2024. 10. 7.
2d 이미지를 3d 파일로 바꿔주는 ai https://huggingface.co/spaces/stabilityai/stable-fast-3d Stable Fast 3D - a Hugging Face Space by stabilityai huggingface.co 이미지를 정사각형으로 만들고 여백을 준 상태의 이미지를 사용해야 한다. run 버튼 두번이면 사진을 3d로 바로 바꿔준다.  파일을 다운로드 한 후 glb viewer 사이트에서 확인해 보았다. 2024. 9. 12.
napkin.ai 다이어그램 만들어 주는 ai https://www.napkin.ai/ Napkin AI - The visual AI for business storytellingJust type, copy-paste or generate your text and Napkin will instantly transform it into insightful visuals. Make your communication more effective with Napkin.www.napkin.ai 2024. 9. 12.
믹사모 mixamo 무료 3D 애니메이션 데이터 지원 https://www.mixamo.com/ Mixamo www.mixamo.com 2024. 9. 5.
gate2ai, ai 생성 이미지 프롬프트 모음 사이트 https://www.gate2ai.com/ Gate2AI - Your Hub for AI Tools and Creative PromptsNavigate through the world of AI with 5000+ categorized tools, 100,000+ prompts for creativity & learning. Discover, learn, and excel with Gate2AI.www.gate2ai.com 2024. 8. 27.
티스토리 스킨 제작 메모 2 - 홈, 커버 부분 매뉴얼 : https://tistory.github.io/document-tistory-skin/커버  커버 리스트  -  글일때와 글이 아닐때 구분되어 있음css로 디자인 맞춤 cover-list{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:1rem;}커버 디폴트값  index.xml에서 입력 최신글과 직접입력 구분 :  dataType: "RECENT"/"CUSTOM" 스킨옵션 index.xml 이런거 넣을때 필요 STRING 일 경우 SELECT 일 경우 IMAGE / BOOL / COLOR 일 경우 치환자 skin.html에 넣는법  skin.html 에 바로 css 넣기 스킨 옵션값 유.. 2024. 8. 12.
티스토리 스킨 제작 메모 1 매뉴얼주소 : https://tistory.github.io/document-tistory-skin/매뉴얼에 있는 치환자 안되는 거 많음 그룹치환자와 값치환자 예시 그룹치환자 여러개면 자동으로 순서 부여 경로 index.xml, skin.html, style.css 를 제외하면 모두 images 폴더안에 들어감. 총 파일 용량은 20메가 제한  주석 넣으면 자동으로 설정 페이지에 표시 페이지타입페이지 타입 body_id홈화면tt-body-index글화면 /숫자 tt-body-page카테고리 글 리스트  /categorytt-body-category글 리스트tt-body-archive태그 리스트 /tagtt-body-tag검색결과 리스트 /search/검색어tt-body-search방명록 /guestboo.. 2024. 8. 12.
동영상 크기와 비율 자동 맞춤 플러그인. fitvids http://fitvidsjs.com/ FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. fitvidsjs.com 2024. 8. 6.
skybox 이미지 https://opengameart.org/content/skiingpenguins-skybox-pack skiingpenguins' skybox packFrom 512² to 2048², JPEG format. It was made using a paid version of Terragen, which allows commercial use.opengameart.org 2024. 7. 16.
ffmpeg https://github.com/BtbN/FFmpeg-Builds/releases Releases · BtbN/FFmpeg-BuildsContribute to BtbN/FFmpeg-Builds development by creating an account on GitHub.github.com 설치법  아래 텍스트를 cmd 창에 한줄씩 복붙한다. md "%ProgramFiles%\ffmpeg"powershell.exe -Command "& {Invoke-WebRequest -OutFile $env:ProgramFiles\ffmpeg\ffmpeg-master-latest-win64-gpl.zip -Uri "https://github.com/BtbN/FFmpeg-Builds/releases/download/.. 2024. 7. 9.
pexels 무료 사진 동영상 자료 다운 https://www.pexels.com/ 2024. 7. 9.
ease https://easings.net/ko Easing Functions Cheat SheetEasing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.easings.net 2024. 7. 9.
CSS Easing Generator https://tools.webdevpuneet.com/css-easing-generator/ CSS Easing Animation / CSS Cubic-Bezier Function Generator Online Tool (Free) - DevToolsWith this tool, you can quickly generate preloaded timing-functions or create customized functions for transition and animations.tools.webdevpuneet.com 2024. 7. 6.
gsap, scroll animation plugin https://gsap.com/demos/?page=1 GSAP | Docs & LearningLooking for some inspiration or a jumping off point? You're in the right place? From simple templates to experimental creations - you'll find it here.gsap.com 2024. 7. 5.
CSS Clip path maker https://bennettfeely.com/clippy/ Clippy — CSS clip-path makerAbout Clip Paths The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shapebennettfeely.com 2024. 7. 4.
에펙 템플릿 다운로드 사이트, 유료 무료 https://www.motionelements.com/ko/ 영상 소스, 에프터 이펙트 템플릿, 저작권 무료 배경 음악 - 모션엘리먼츠10,000,000+ 로열티 프리 스톡 영상, BGM, 애프터 이펙트/ FCP /프리미어/ 모션 템플릿이 $5부터. 인공지능 마켓플레이스. 한번 구매로 무제한 사용, 상업적 사용, 한국어 서비스, 청구서 발행. 매주 최www.motionelements.com 2024. 7. 4.
3d 무료 텍스처 사이트 https://3dtextures.me/ 3D TEXTURESFree seamless PBR textures with diffuse, normal, height, AO and roughness maps.3dtextures.me광고 엄청 많이 뜸 2024. 7. 3.
pdf 웹에서 합치기 https://www.ilovepdf.com/ko/merge_pdf 온라인으로 PDF 파일을 병합하세요. PDF 병합 무료 서비스여러 PDF 파일을 선택하고 몇 초 이내에 병합하세요. PDF 파일을 온라인으로 무료로 병합하세요.www.ilovepdf.com 2024. 7. 3.
AI가 만들어주는 더미 아바타 및 프로필 사진 https://uifaces.co/ UI Faces | Free AI-generated avatars for your creative projectsA growing library of free, AI-generated, high-resolution avatars for design mockups, thoughtfully curated and categorized to suit all your creative needs.uifaces.co 2024. 7. 3.
tome, ai가 만들어주는 ppt 스토리텔링 https://tome.app/ 2024. 7. 3.
앱아이콘 한번에 만들기, 런처 아이콘 생성기 사이트 https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=0&foreground.space.pad=0&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(28%2C%2075%2C%20240)&crop=0&backgroundShape=square&effects=none&name=ic_launcher Android Asset Studio - Launcher icon generator romannurik.github.io 2024. 5. 21.

티스토리툴바