Apps & websites Open source

212 animated open-source icons with Claude Code skills

Lucian released 212 free MIT-licensed animated SVG icons with hover and click effects. A skill for Claude Code and Codex lets AI drop the right icon into a project.

View on X
110likes
23reposts
141saves
4.9Kviews
Made with
Claude Code, Codex
Role
Developer
Posted
루샨 lucian@lucian__03

🚀 100% 무료인.. 새로운 오픈소스 공개합니다!!

요즘 디자인(?)으로 아예 새롭게 디자인한..

--> 🔥 "움직이는 아이콘 212개"입니다. 🔥

(이번에도 💯 공짜, 오픈소스입니다.)

특히 바이브코딩하시는 분들을 위해 새로운 오픈소스 Lucian Icons를 만들었습니다!

이번에 만든 건 평범한 SVG 아이콘 모음이 아닙니다.

(디자인도 너무 구리고, 오래된 기존의 Icons 디자인 판을 갈아엎기 위해 갈고 닦아 만들었습니다.)

212개 아이콘 하나하나에 서로 다른 애니메이션을 처음부터 구현했습니다.

마우스를 올리거나 클릭하면 각 아이콘에 어울리는 움직임으로 반응합니다.

❤️ 좋아요를 누르면 하트가 채워지고

📁 폴더를 열면 아이콘 속 폴더도 열리고

⬇️ 다운로드할 때는 진행률이 차오르다가 완료되면 체크 표시로 바뀝니다. (실패 상태도 따로 있습니다!)

그리고 Claude Code와 Codex 전용 스킬도 함께 제작했습니다!

(딸깍으로 바로 적용 가능!)

스킬을 설치하고 AI에게

--> "lucian-icons로 내 웹사이트에 움직이는 아이콘들 적용해줘"

이렇게 요청하면 AI가 필요한 아이콘을 직접 찾아 기존 프로젝트에 연결할 수 있습니다.

물론 스킬 없이도 SVG, HTML, JS 코드와 프롬프트를 가져가서 사용하실 수 있습니다.

⭕️ 전부 100% 무료!! MIT 오픈소스이고, 당연히 상업적으로도 사용하셔도 됩니다! ⭕️

일단 들어가셔서 아이콘들에 마우스 한번 올려보세요!! 직접 보시면 어떤 느낌인지 바로 아실 겁니다.

많은 분들의 웹사이트와 앱에서 이 아이콘들이 살아 움직였으면 좋겠습니다!

🔗

View on X
Still from the video

More in Apps & websites

60 more three.js components added to an open-source UI libraryApps & websites@MengTo1.1K961.2K
A free reverse-engineering tool where your agent reads the binaryApps & websites@chiziaruhoma761139735
GeoInt, an open-source skill that works out where a photo was takenApps & websites@marouane5393451496
An old iPhone turned into an AI companion that can run the MacApps & websites@rileybrown1.6K1161.4K