[Framer X Code] Framer에서 쓸 수 있는 NPM 패키지

프로토타입을 React에서 Framer로 옮기니, 패키지를 못쓰는 게 제일 쉽지 않았어요 ㅎㅎ...

불꽃 검색 중 우연히 찾은 링크를 공유드립니다! 

 

1. Framer에서 NPM 사용하기

보통 리액트에서는 터미널로 패키지를 설치하는데, Framer는 불가능합니다. 

다행히도 Framer에서 쓸 수 있는 NPM 패키지가 몇 개 있더라고요! (앞에 올린 chart Component도 여기에 원래 Example이 있습니다.)

링크에 들어가면 example을 확인해볼 수 있습니다.

 

링크 : https://www.framer.com/npm/

Framer: Instant NPM Beta

2. NPM 리스트

저는 material, react-chart-js, airtable을 써봤습니다. 

저도 모르는 것들이 많아서... 하나씩 공부해 봐야겠어요 ㅋㅋㅋㅋ

1. @chakra-ui/react 

2. @mui/material

3. @react-three/drei 

4. @react-three/fiber 

5. canvas-confetti 

6. firbase 

7. lodash-es 

8. react-aria 

9. react-chart-js 

10. react-confetti 

11. react-hook-speech-to-text 

12. react-markdown 

13. react-select 

14. react-tsparticles 

15. react-use-measue 

16. slate

17. supabase 

18. tone

19. @project-serum/anchor

20. @solana/web3.js

21. @zoralabs/nft-compoents

22. Airtable

23. rumble-charts