cover
TailwindWeb

Tailwind Design 컴포넌트 모음

Cover
https://devio2023-media.developers.io/wp-content/uploads/2022/02/tailwindcss-eyecatch-960x504.png
Slug
tailwind-design-component
Published
Published
Date
Apr 18, 2024
Category
Tailwind
Web

tailwind css 무료 사이트 리스트

실무에서 tailwind를 스타일 프레임워크를 사용하고 있는데, kit 패키지를 구매하지 않고,
무료 배포된 정보를 구글링하여 찾으면서 구현하다 보니 tailwind의 정보가 많아져서 공유

thailwind cheatsheet 요약표

한 페이지에 모든 클래스이름 정리표. 작업시에 가장 우선적으로 띄워놓는 사이트
umeshmk.github.io/Tailwindcss-cheatsheet/
Tailwindcss-cheatsheet   umeshmk.github.io
notion image
위의 사이트 보다 더 디테일 한 요약표. 위에 찾는것이 없을 경우, 아래 사이트를 이용
nerdcave.com/tailwind-cheat-sheet
Tailwind CSS Cheat Sheet
nerdcave.com

tailwind 컴포넌트, 요소별 모음

실무에서 사용할때 가장 많이 도움을 받는 사이트
tailwindcomponents.com/components
Tailwind CSS Components gallery Find all the Tailwind CSS examples for buttons, templates, cards and more. tailwindcomponents.com
www.tailwind-kit.com/components
디자인이 적용된 요소를 찾을 때 사용
Tailwind UI KIT – Components section for React, VueJS and Angular. Over 200 free and open source components for tailwind css, with live code edition to build beautiful UI www.tailwind-kit.com
www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/download
Tailwind Starter Kit by Creative Tim | Free & Open Source Design System A beautiful extension for TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue, and Angular. www.creative-tim.com
daisy.js.org/
DaisyUI - Tailwind CSS Components Tailwind CSS Components Adds components like btn, card and more... to Tailwind CSS Component classes It adds component classes to Tailwind. Classes like btn, card,... No need to deal with hundreds of utility classes. Tailwind CSS plugin DaisyUI is a Tailwi daisy.js.org

svg 이모티콘

font awesome 보다는 svg 이모티콘 적용을 많이 합니다.
heroicons.com/
Heroicons Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. heroicons.com

tailwind form 관련

tailwindcss-custom-forms.netlify.app/
Tailwind CSS Custom Forms Tailwind CSS Custom Forms Out of the box, selects, checkboxes, and radios look awful in Tailwind and the only way to make them look better is with custom CSS. The goal of this project is to provide a better starting point for form elements that looks good tailwindcss-custom-forms.netlify.app

tailwind 모든 자료 모음

project-awesome.org/aniftyco/awesome-tailwindcss
Awesome Tailwind CSS | Curated list of awesome lists | Project-Awesome.org Curated list of awesome lists Contents Useful Links Legend: 💙 Official resource 💙 Website - Official Tailwind CSS website. 💙 Repository - Official Tailwind CSS repository. 💙 Discussions - Official place to connect with other community members a project-awesome.org
emortlock.github.io/tailwind-react-ui/#component-primitives
Tailwind React UI   emortlock.github.io

© Teto-ri 2024 - 2025