Replace the component name with any label shown below. The equivalent Svelte path uses/svelte/ instead of /react/.
tsx
import ManedDerpAnimated001 from "@cofob/design-system-stickers/react/ManedDerpAnimated001";<ManedDerpAnimated001 alt="Describe this sticker in context" />
All stickers
Animated WebM is lazy: below-the-fold videos have no src until their card intersects the viewport, and playback pauses whenever a card leaves it. The global switch unloads animated WebM while keeping ordinary WebP stickers and SVG/WebP first frames visible. The preference is preserved across page reloads.
ManedDerpAnimated001
ManedDerpAnimated001tgs
import ManedDerpAnimated001 from "@cofob/design-system-stickers/react/ManedDerpAnimated001";
<ManedDerpAnimated001 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated001 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated001";
</script>
<ManedDerpAnimated001 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated002
ManedDerpAnimated002tgs
import ManedDerpAnimated002 from "@cofob/design-system-stickers/react/ManedDerpAnimated002";
<ManedDerpAnimated002 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated002 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated002";
</script>
<ManedDerpAnimated002 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated003
ManedDerpAnimated003tgs
import ManedDerpAnimated003 from "@cofob/design-system-stickers/react/ManedDerpAnimated003";
<ManedDerpAnimated003 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated003 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated003";
</script>
<ManedDerpAnimated003 alt="Describe this sticker in context" />
🐾
ManedDerpAnimated004
ManedDerpAnimated004tgs
import ManedDerpAnimated004 from "@cofob/design-system-stickers/react/ManedDerpAnimated004";
<ManedDerpAnimated004 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated004 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated004";
</script>
<ManedDerpAnimated004 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated005
ManedDerpAnimated005tgs
import ManedDerpAnimated005 from "@cofob/design-system-stickers/react/ManedDerpAnimated005";
<ManedDerpAnimated005 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated005 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated005";
</script>
<ManedDerpAnimated005 alt="Describe this sticker in context" />
🐾
ManedDerpAnimated006
ManedDerpAnimated006tgs
import ManedDerpAnimated006 from "@cofob/design-system-stickers/react/ManedDerpAnimated006";
<ManedDerpAnimated006 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated006 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated006";
</script>
<ManedDerpAnimated006 alt="Describe this sticker in context" />
👀
ManedDerpAnimated007
ManedDerpAnimated007tgs
import ManedDerpAnimated007 from "@cofob/design-system-stickers/react/ManedDerpAnimated007";
<ManedDerpAnimated007 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated007 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated007";
</script>
<ManedDerpAnimated007 alt="Describe this sticker in context" />
⭐️
ManedDerpAnimated008
ManedDerpAnimated008tgs
import ManedDerpAnimated008 from "@cofob/design-system-stickers/react/ManedDerpAnimated008";
<ManedDerpAnimated008 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated008 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated008";
</script>
<ManedDerpAnimated008 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated009
ManedDerpAnimated009tgs
import ManedDerpAnimated009 from "@cofob/design-system-stickers/react/ManedDerpAnimated009";
<ManedDerpAnimated009 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated009 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated009";
</script>
<ManedDerpAnimated009 alt="Describe this sticker in context" />
🤭
ManedDerpAnimated010
ManedDerpAnimated010tgs
import ManedDerpAnimated010 from "@cofob/design-system-stickers/react/ManedDerpAnimated010";
<ManedDerpAnimated010 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated010 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated010";
</script>
<ManedDerpAnimated010 alt="Describe this sticker in context" />
❓
ManedDerpAnimated011
ManedDerpAnimated011tgs
import ManedDerpAnimated011 from "@cofob/design-system-stickers/react/ManedDerpAnimated011";
<ManedDerpAnimated011 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated011 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated011";
</script>
<ManedDerpAnimated011 alt="Describe this sticker in context" />
🅰️
ManedDerpAnimated012
ManedDerpAnimated012tgs
import ManedDerpAnimated012 from "@cofob/design-system-stickers/react/ManedDerpAnimated012";
<ManedDerpAnimated012 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated012 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated012";
</script>
<ManedDerpAnimated012 alt="Describe this sticker in context" />
🔇
ManedDerpAnimated013
ManedDerpAnimated013tgs
import ManedDerpAnimated013 from "@cofob/design-system-stickers/react/ManedDerpAnimated013";
<ManedDerpAnimated013 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated013 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated013";
</script>
<ManedDerpAnimated013 alt="Describe this sticker in context" />
🅰️
ManedDerpAnimated014
ManedDerpAnimated014tgs
import ManedDerpAnimated014 from "@cofob/design-system-stickers/react/ManedDerpAnimated014";
<ManedDerpAnimated014 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated014 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated014";
</script>
<ManedDerpAnimated014 alt="Describe this sticker in context" />
🅰️
ManedDerpAnimated015
ManedDerpAnimated015tgs
import ManedDerpAnimated015 from "@cofob/design-system-stickers/react/ManedDerpAnimated015";
<ManedDerpAnimated015 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated015 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated015";
</script>
<ManedDerpAnimated015 alt="Describe this sticker in context" />
🌾
ManedDerpAnimated016
ManedDerpAnimated016tgs
import ManedDerpAnimated016 from "@cofob/design-system-stickers/react/ManedDerpAnimated016";
<ManedDerpAnimated016 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated016 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated016";
</script>
<ManedDerpAnimated016 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated017
ManedDerpAnimated017tgs
import ManedDerpAnimated017 from "@cofob/design-system-stickers/react/ManedDerpAnimated017";
<ManedDerpAnimated017 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated017 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated017";
</script>
<ManedDerpAnimated017 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated018
ManedDerpAnimated018tgs
import ManedDerpAnimated018 from "@cofob/design-system-stickers/react/ManedDerpAnimated018";
<ManedDerpAnimated018 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated018 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated018";
</script>
<ManedDerpAnimated018 alt="Describe this sticker in context" />
🗯
ManedDerpAnimated019
ManedDerpAnimated019tgs
import ManedDerpAnimated019 from "@cofob/design-system-stickers/react/ManedDerpAnimated019";
<ManedDerpAnimated019 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated019 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated019";
</script>
<ManedDerpAnimated019 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated020
ManedDerpAnimated020tgs
import ManedDerpAnimated020 from "@cofob/design-system-stickers/react/ManedDerpAnimated020";
<ManedDerpAnimated020 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated020 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated020";
</script>
<ManedDerpAnimated020 alt="Describe this sticker in context" />
🐾
ManedDerpAnimated021
ManedDerpAnimated021tgs
import ManedDerpAnimated021 from "@cofob/design-system-stickers/react/ManedDerpAnimated021";
<ManedDerpAnimated021 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated021 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated021";
</script>
<ManedDerpAnimated021 alt="Describe this sticker in context" />
💥
ManedDerpAnimated022
ManedDerpAnimated022tgs
import ManedDerpAnimated022 from "@cofob/design-system-stickers/react/ManedDerpAnimated022";
<ManedDerpAnimated022 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated022 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated022";
</script>
<ManedDerpAnimated022 alt="Describe this sticker in context" />
💬
ManedDerpAnimated023
ManedDerpAnimated023tgs
import ManedDerpAnimated023 from "@cofob/design-system-stickers/react/ManedDerpAnimated023";
<ManedDerpAnimated023 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated023 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated023";
</script>
<ManedDerpAnimated023 alt="Describe this sticker in context" />
🍎
ManedDerpAnimated024
ManedDerpAnimated024tgs
import ManedDerpAnimated024 from "@cofob/design-system-stickers/react/ManedDerpAnimated024";
<ManedDerpAnimated024 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated024 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated024";
</script>
<ManedDerpAnimated024 alt="Describe this sticker in context" />
🍏
ManedDerpAnimated025
ManedDerpAnimated025tgs
import ManedDerpAnimated025 from "@cofob/design-system-stickers/react/ManedDerpAnimated025";
<ManedDerpAnimated025 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated025 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated025";
</script>
<ManedDerpAnimated025 alt="Describe this sticker in context" />
🍏
ManedDerpAnimated026
ManedDerpAnimated026tgs
import ManedDerpAnimated026 from "@cofob/design-system-stickers/react/ManedDerpAnimated026";
<ManedDerpAnimated026 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated026 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated026";
</script>
<ManedDerpAnimated026 alt="Describe this sticker in context" />
🍏
ManedDerpAnimated027
ManedDerpAnimated027tgs
import ManedDerpAnimated027 from "@cofob/design-system-stickers/react/ManedDerpAnimated027";
<ManedDerpAnimated027 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated027 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated027";
</script>
<ManedDerpAnimated027 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated028
ManedDerpAnimated028tgs
import ManedDerpAnimated028 from "@cofob/design-system-stickers/react/ManedDerpAnimated028";
<ManedDerpAnimated028 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated028 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated028";
</script>
<ManedDerpAnimated028 alt="Describe this sticker in context" />
🧀
ManedDerpAnimated029
ManedDerpAnimated029tgs
import ManedDerpAnimated029 from "@cofob/design-system-stickers/react/ManedDerpAnimated029";
<ManedDerpAnimated029 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated029 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated029";
</script>
<ManedDerpAnimated029 alt="Describe this sticker in context" />
😡
ManedDerpAnimated030
ManedDerpAnimated030tgs
import ManedDerpAnimated030 from "@cofob/design-system-stickers/react/ManedDerpAnimated030";
<ManedDerpAnimated030 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated030 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated030";
</script>
<ManedDerpAnimated030 alt="Describe this sticker in context" />
😳
ManedDerpAnimated031
ManedDerpAnimated031tgs
import ManedDerpAnimated031 from "@cofob/design-system-stickers/react/ManedDerpAnimated031";
<ManedDerpAnimated031 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated031 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated031";
</script>
<ManedDerpAnimated031 alt="Describe this sticker in context" />
💥
ManedDerpAnimated032
ManedDerpAnimated032tgs
import ManedDerpAnimated032 from "@cofob/design-system-stickers/react/ManedDerpAnimated032";
<ManedDerpAnimated032 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated032 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated032";
</script>
<ManedDerpAnimated032 alt="Describe this sticker in context" />
💥
ManedDerpAnimated033
ManedDerpAnimated033tgs
import ManedDerpAnimated033 from "@cofob/design-system-stickers/react/ManedDerpAnimated033";
<ManedDerpAnimated033 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated033 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated033";
</script>
<ManedDerpAnimated033 alt="Describe this sticker in context" />
💥
ManedDerpAnimated034
ManedDerpAnimated034tgs
import ManedDerpAnimated034 from "@cofob/design-system-stickers/react/ManedDerpAnimated034";
<ManedDerpAnimated034 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated034 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated034";
</script>
<ManedDerpAnimated034 alt="Describe this sticker in context" />
🥺
ManedDerpAnimated035
ManedDerpAnimated035tgs
import ManedDerpAnimated035 from "@cofob/design-system-stickers/react/ManedDerpAnimated035";
<ManedDerpAnimated035 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated035 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated035";
</script>
<ManedDerpAnimated035 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated036
ManedDerpAnimated036tgs
import ManedDerpAnimated036 from "@cofob/design-system-stickers/react/ManedDerpAnimated036";
<ManedDerpAnimated036 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated036 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated036";
</script>
<ManedDerpAnimated036 alt="Describe this sticker in context" />
😫
ManedDerpAnimated037
ManedDerpAnimated037tgs
import ManedDerpAnimated037 from "@cofob/design-system-stickers/react/ManedDerpAnimated037";
<ManedDerpAnimated037 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated037 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated037";
</script>
<ManedDerpAnimated037 alt="Describe this sticker in context" />
🦵
ManedDerpAnimated038
ManedDerpAnimated038tgs
import ManedDerpAnimated038 from "@cofob/design-system-stickers/react/ManedDerpAnimated038";
<ManedDerpAnimated038 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated038 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated038";
</script>
<ManedDerpAnimated038 alt="Describe this sticker in context" />
☹️
ManedDerpAnimated039
ManedDerpAnimated039tgs
import ManedDerpAnimated039 from "@cofob/design-system-stickers/react/ManedDerpAnimated039";
<ManedDerpAnimated039 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated039 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated039";
</script>
<ManedDerpAnimated039 alt="Describe this sticker in context" />
🍎
ManedDerpAnimated040
ManedDerpAnimated040tgs
import ManedDerpAnimated040 from "@cofob/design-system-stickers/react/ManedDerpAnimated040";
<ManedDerpAnimated040 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated040 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated040";
</script>
<ManedDerpAnimated040 alt="Describe this sticker in context" />
😒
ManedDerpAnimated041
ManedDerpAnimated041tgs
import ManedDerpAnimated041 from "@cofob/design-system-stickers/react/ManedDerpAnimated041";
<ManedDerpAnimated041 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated041 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated041";
</script>
<ManedDerpAnimated041 alt="Describe this sticker in context" />
🥱
ManedDerpAnimated042
ManedDerpAnimated042tgs
import ManedDerpAnimated042 from "@cofob/design-system-stickers/react/ManedDerpAnimated042";
<ManedDerpAnimated042 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated042 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated042";
</script>
<ManedDerpAnimated042 alt="Describe this sticker in context" />
🧐
ManedDerpAnimated043
ManedDerpAnimated043tgs
import ManedDerpAnimated043 from "@cofob/design-system-stickers/react/ManedDerpAnimated043";
<ManedDerpAnimated043 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated043 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated043";
</script>
<ManedDerpAnimated043 alt="Describe this sticker in context" />
☀️
ManedDerpAnimated044
ManedDerpAnimated044tgs
import ManedDerpAnimated044 from "@cofob/design-system-stickers/react/ManedDerpAnimated044";
<ManedDerpAnimated044 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated044 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated044";
</script>
<ManedDerpAnimated044 alt="Describe this sticker in context" />
🤷♂️
ManedDerpAnimated045
ManedDerpAnimated045tgs
import ManedDerpAnimated045 from "@cofob/design-system-stickers/react/ManedDerpAnimated045";
<ManedDerpAnimated045 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated045 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated045";
</script>
<ManedDerpAnimated045 alt="Describe this sticker in context" />
🍎
ManedDerpAnimated046
ManedDerpAnimated046tgs
import ManedDerpAnimated046 from "@cofob/design-system-stickers/react/ManedDerpAnimated046";
<ManedDerpAnimated046 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated046 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated046";
</script>
<ManedDerpAnimated046 alt="Describe this sticker in context" />
👶
ManedDerpAnimated047
ManedDerpAnimated047tgs
import ManedDerpAnimated047 from "@cofob/design-system-stickers/react/ManedDerpAnimated047";
<ManedDerpAnimated047 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated047 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated047";
</script>
<ManedDerpAnimated047 alt="Describe this sticker in context" />
👶
ManedDerpAnimated048
ManedDerpAnimated048tgs
import ManedDerpAnimated048 from "@cofob/design-system-stickers/react/ManedDerpAnimated048";
<ManedDerpAnimated048 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated048 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated048";
</script>
<ManedDerpAnimated048 alt="Describe this sticker in context" />
🐞
ManedDerpAnimated049
ManedDerpAnimated049tgs
import ManedDerpAnimated049 from "@cofob/design-system-stickers/react/ManedDerpAnimated049";
<ManedDerpAnimated049 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated049 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated049";
</script>
<ManedDerpAnimated049 alt="Describe this sticker in context" />
🛑
ManedDerpAnimated050
ManedDerpAnimated050tgs
import ManedDerpAnimated050 from "@cofob/design-system-stickers/react/ManedDerpAnimated050";
<ManedDerpAnimated050 alt="Describe this sticker in context" /><script>
import ManedDerpAnimated050 from "@cofob/design-system-stickers/svelte/ManedDerpAnimated050";
</script>
<ManedDerpAnimated050 alt="Describe this sticker in context" />