use-clippy

Put your clippy in your react app as hook because why not?

Seriously? Why not? Sounds like an amazing idea right? So we made it You are welcome 🌈

Made with @walaura

Usage

1import useClippy from 'use-clippy-now'
2
3function App() {
4  const withClippy = useClippy('Clippy')
5  return (
6    <button
7      onClick={() => withClippy(clippy => clippy.speak('SUPPP'))}
8    >
9      Clippy says
10    </button>
11  )
12}

Friends

Yes, it also supports Clippy friends ofc:

• Clippy
• Merlin
• Rover
• Link

Animations

1withClippy(clippy => clippy.animate('CheckingSomething'))

Available Animations:

• Alert
• CheckingSomething
• Congratulate
• EmptyTrash
• Explain
• GestureDown
• GestureLeft
• GestureRight
• GestureUp
• GetArtsy
• GetAttention
• GetTechy
• GetWizardy
• GoodBye
• Greeting
• Hearing_1
• Hide
• Idle1_1
• IdleAtom
• IdleEyeBrowRaise
• IdleFingerTap
• IdleHeadScratch
• IdleRopePile
• IdleSideToSide
• IdleSnooze
• LookDown
• LookDownLeft
• LookDownRight
• LookLeft
• LookRight
• LookUp
• LookUpLeft
• LookUpRight
• Print
• Processing
• RestPose
• Save
• Searching
• SendMail
• Show
• Thinking
• Wave
• Writing

All the methods can be seen here: https://www.smore.com/clippy-js

License

MIT