쌓인 기록에서 찾기
무엇을 찾으세요? 날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위 2026년 8월 13일 (목) 부터 2026년 11월 1일 (일)까지 3728건
5건 · "UI 컴포넌트"조건 지우기 ×
001 21:11 당일 +101 React·Next.js용 애니메이션 컴포넌트 라이브러리 공개 215개 이상의 무료 애니메이션 컴포넌트와 배경 효과를 제공하는 오픈소스 라이브러리로, 텍스트 애니메이션 33개, 일반 애니메이션 38개, UI 컴포넌트 48개, 마이크로 요소 34개, 배경 효과 63개로 분류되어 있다. 웹 · 프론트엔드 · DavidHDev/react-bits · JavaScript
Key Point AI 에이전트와의 통합(MCP 지원)이 기본으로 탑재되어 있어 Claude, Cursor 등과의 자동 연동으로 컴포넌트 추가 작업이 간소화된다.
핵심 요약
215개 이상의 무료 애니메이션 컴포넌트와 배경 효과를 제공하는 오픈소스 라이브러리로, 텍스트 애니메이션 33개, 일반 애니메이션 38개, UI 컴포넌트 48개, 마이크로 요소 34개, 배경 효과 63개로 분류되어 있다. 모든 컴포넌트는 라이브 데모와 조작 가능한 설정을 제공하며, JavaScript 또는 TypeScript와 CSS 또는 Tailwind로 네 가지 방식으로 제공된다. shadcn CLI나 jsrepo를 사용해 프로젝트에 추가할 수 있고, 수동 복사도 지원하며 설치 가이드가 마련되어 있다. 전체 요약 8문장 읽기 → 002 21:11 당일 +157 코드로 알고리즘 작동 원리를 시각화하는 대화형 플랫폼 Algorithm Visualizer는 코드로 작성한 알고리즘의 실행 과정을 시각적으로 보여주는 대화형 온라인 플랫폼이다. 웹 · 프론트엔드 · algorithm-visualizer/algorithm-visualizer · JavaScript
Key Point 복잡한 알고리즘의 동작 과정을 코드와 함께 시각적으로 학습할 수 있는 도구로, 알고리즘 교육이나 이해가 필요한 개발자에게 직접 유용하다.
핵심 요약
Algorithm Visualizer는 코드로 작성한 알고리즘의 실행 과정을 시각적으로 보여주는 대화형 온라인 플랫폼이다. 여러 프로그래밍 언어로 작성된 코드의 알고리즘 동작을 단계별로 시각화하여 알고리즘의 작동 원리를 더 쉽게 이해할 수 있다. 플랫폼은 학생, 교사, 전문가 대상으로 튜토리얼, 기사, 비디오 등 알고리즘 학습 자료를 제공한다. 전체 요약 9문장 읽기 → 003 21:11 당일 +279 Shadcn과 Vite로 만든 관리자 대시보드 UI 템플릿 Shadcn UI와 Vite로 구축한 관리자 대시보드 UI 컬렉션으로, 반응형 디자인과 접근성을 고려해 제작되었다. 웹 · 프론트엔드 · satnaing/shadcn-admin · TypeScript
Key Point Shadcn UI와 최신 개발 도구로 완성된 프로덕션 수준의 관리자 대시보드를 즉시 참고하거나 커스터마이즈할 수 있는 실제 사례를 원하는 개발자에게 필수적입니다.
핵심 요약
Shadcn UI와 Vite로 구축한 관리자 대시보드 UI 컬렉션으로, 반응형 디자인과 접근성을 고려해 제작되었다. 라이트/다크 모드, 반응형 레이아웃, RTL(오른쪽에서 왼쪽) 언어 지원, 사이드바, 검색 명령, 10개 이상의 페이지와 커스텀 컴포넌트를 포함한다. Shadcn UI 컴포넌트를 기반으로 하되, 일부 컴포넌트를 RTL 지원과 기타 개선을 위해 수정했다. 전체 요약 8문장 읽기 → 004 21:10 당일 +168 AI UI용 로딩 애니메이션 라이브러리 'thinking-orbs' 공개 AI와 에이전트 UI용 점 모양 로딩 애니메이션 라이브러리로, 9가지 서로 다른 에이전트 상태를 표현합니다. 웹 · 프론트엔드 · Jakubantalik/thinking-orbs · TypeScript
Key Point AI 애플리케이션에서 사용자 경험을 높이는 로딩 상태 표현이 중요해지고 있으며, 이 라이브러리는 실제 개발 환경에서 즉시 적용할 수 있는 완성도 높은 UI 컴포넌트를 제공합니다.
핵심 요약
AI와 에이전트 UI용 점 모양 로딩 애니메이션 라이브러리로, 9가지 서로 다른 에이전트 상태를 표현합니다. 64px(채팅 아바타)와 20px(인라인 텍스트) 두 가지 크기로 제공되며, 각각 점 개수와 속도가 따로 튜닝되어 있습니다. WebGL이나 필터 없이 순수 2D 캔버스로 구현되어 Chrome, Safari, Firefox에서 동일하게 작동합니다. 전체 요약 5문장 읽기 → 005 21:11 당일 +115 shadcn/ui, 자신의 컴포넌트 라이브러리를 만드는 기반 제공 shadcn/ui는 TypeScript 기반의 오픈소스 UI 컴포넌트 라이브러리다. 웹 · 프론트엔드 · shadcn-ui/ui · TypeScript
Key Point 복사-붙여넣기 방식의 컴포넌트 재사용 문화를 가능하게 함으로써, 개발자가 의존성 관리 대신 소스 코드 소유권을 가지고 프로젝트를 진행할 수 있다.
핵심 요약
shadcn/ui는 TypeScript 기반의 오픈소스 UI 컴포넌트 라이브러리다. 아름답게 설계된 컴포넌트들을 제공하며, 개발자가 직접 커스터마이징하고 확장할 수 있도록 전체 소스 코드를 공개한다. 자신의 컴포넌트 라이브러리를 구축하기 위한 기초 템플릿으로 사용할 수 있으며, MIT 라이선스로 배포된다.