# lukacho/ui - 깔끔한 애니메이션을 지원하는 UI 컴포넌트 라이브러리

> Clean Markdown view of GeekNews topic #17711. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17711](https://news.hada.io/topic?id=17711)
- GeekNews Markdown: [https://news.hada.io/topic/17711.md](https://news.hada.io/topic/17711.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-11-12T10:03:01+09:00
- Updated: 2024-11-12T10:03:01+09:00
- Original source: [ui.lukacho.com](https://ui.lukacho.com/)
- Points: 31
- Comments: 1

## Summary

React, TailwindCSS, FramerMotion을 사용하여 제작된 UI 컴포넌트 라이브러리로, 20개의 컴포넌트가 애니메이션 처리되어 쉽게 복사하여 사용할 수 있습니다. 지원되는 컴포넌트에는 드롭다운 메뉴, 탭 리스트, 이미지 스와이퍼, 사용자 가입/로그인, 사용자 피드백, 사이드 메뉴 버튼 등이 포함됩니다. 아코디언, Figma 스타일 커서, 애니메이션 SVG 차트, 백그라운드 애니메이션, 가격표 컴포넌트, Mock 브라우저 등이 제공됩니다.

## Topic Body

- React + TailwindCSS + FramerMotion으로 제작된 특별한 UI 컴포넌트 모음   
- 20개 컴포넌트를 애니메이션 처리하여 디자인. 손쉽게 Copy & Paste해서 사용 가능   
- 지원 컴포넌트 리스트   
  - 드롭다운 메뉴, 탭 리스트, 이미지 스와이퍼, 사용자 가입/로그인, 사용자 피드백, 사이드 메뉴 버튼  
  - 아코디언(FAQ), Figma 스타일 커서(협업시 사용자 표시), 애니메이션 커스텀 커서, 애니메이션 SVG 차트  
  - 백그라운드 Grid Beam / Lights (Hero 섹션등 뒤에 애니메이션 처리용), 깔끔한 가격표 컴포넌트 & 애니메이션 가격표 카드   
  - Copy To Clipboard, Link 컴포넌트   
  - Mock 브라우저

## Comments



### Comment 31174

- Author: comecome2
- Created: 2024-11-12T11:28:46+09:00
- Points: 1

개인 사이드 프로젝트에 한번 써보고 싶네요. 좋은 정보 감사합니다.