Start Free. Upgrade When You Need More.
Use the Design Library free each month, then unlock a much higher search cap with Pro.
![](data:image/svg+xml,<svg display="block" id="714012864" role="presentation" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="22px" id="gjphA2U2a" width="22px"><path d="M 0 0 L 22 0 L 22 22 L 0 22 Z" fill="rgb(254, 255, 124)" height="22px" id="tB9YRUA9k" width="22px"/><path d="M 0 0 L 22 0 L 22 22 L 0 22 Z" fill="transparent" height="22px" id="Hlq6Vh_R2" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.47" stroke="rgb(27, 27, 28)" width="22px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319132px" id="WblclOEkX" transform="translate(4.447 15.681)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="dRXlHLKmn" transform="translate(4.447 12.872)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.872340425531915px" id="cZDl2gBeD" transform="translate(4.447 10.064)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="vFllSWokh" transform="translate(4.447 7.255)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319158px" id="vu1YWGuzE" transform="translate(4.447 4.447)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319132px" id="o01971IaN" transform="translate(7.255 15.681)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319132px" id="pU5yk1AOQ" transform="translate(7.255 12.872)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="F7YgexBKC" transform="translate(7.255 10.064)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.872340425531915px" id="jzGZTZVUl" transform="translate(7.255 7.255)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319158px" id="gNqMRs3E3" transform="translate(7.255 4.447)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.8723404255319132px" id="tFQzLeRYI" transform="translate(10.064 15.681)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.8723404255319132px" id="caI1GCpUL" transform="translate(10.064 12.872)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.8723404255319167px" id="pwl6Z5cdL" transform="translate(10.064 10.064)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.872340425531915px" id="ErEdWTg8R" transform="translate(10.064 7.255)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.872340425531915px" id="iVM0epHWJ" transform="translate(10.064 4.447)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319132px" id="pdlW9PMcz" transform="translate(12.872 15.681)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319132px" id="JLDCeSMMM" transform="translate(12.872 12.872)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319167px" id="M4_JyAVId" transform="translate(12.872 10.064)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.872340425531915px" id="tR4ssC8Jq" transform="translate(12.872 7.255)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="mgmBpw0c0" transform="translate(12.872 4.447)" width="1.872340425531915px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.8723404255319132px" id="AnQwU3w3f" transform="translate(15.681 15.681)" width="1.8723404255319132px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="VzINMcRDa" transform="translate(15.681 12.872)" width="1.8723404255319132px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(41, 41, 11)" height="1.872340425531915px" id="EcRIRZgkw" transform="translate(15.681 10.064)" width="1.8723404255319132px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="xsAIZxoNQ" transform="translate(15.681 7.255)" width="1.8723404255319132px"/><path d="M 0 1.872 L 0 0 L 1.872 0 L 1.872 1.872 Z" fill="rgb(237, 238, 115)" height="1.872340425531915px" id="vm5rK__yi" transform="translate(15.681 4.447)" width="1.8723404255319132px"/></g></svg>)
Monthly
![](data:image/svg+xml,<svg display="block" id="31722616" role="presentation" viewBox="0 0 22 23" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="21.99999863760812px" id="KM68tzawT" width="21.99999863760812px"><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.142857142857143px" id="otsdEAden" transform="translate(18.857 0)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.142857142857143px" id="zFEsFQb7k" transform="translate(14.143 0)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.142857142857143px" id="UKN2me2b9" transform="translate(9.429 0)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.142857142857143px" id="QP7HEJjNj" transform="translate(4.714 0)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.142857142857143px" id="HIB7pLgxz" width="3.142857142857143px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="ZdhCuqqx9" transform="translate(18.857 4.714)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="Dh5rDbHxt" transform="translate(14.143 4.714)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="XyzWeQoLC" transform="translate(9.429 4.714)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="fcpQz0GHl" transform="translate(4.714 4.714)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="h2e8rKs0h" transform="translate(0 4.714)" width="3.142857142857143px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="ZdYN1k32G" transform="translate(18.857 9.429)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="wnsgpMTrJ" transform="translate(14.143 9.429)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="kjeC539JJ" transform="translate(9.429 9.429)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="NY3iegdB2" transform="translate(4.714 9.429)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="ug5LSVXkT" transform="translate(0 9.429)" width="3.142857142857143px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="eSfVXNNIs" transform="translate(18.857 14.143)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="wnCm3fe0u" transform="translate(14.143 14.143)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="jEtRMmIQ0" transform="translate(9.429 14.143)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="cW2PRY1Ft" transform="translate(4.714 14.143)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="AC9ev0Yv7" transform="translate(0 14.143)" width="3.142857142857143px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="NaJ_bsl6g" transform="translate(18.857 18.857)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="Xji0Cg8ba" transform="translate(14.143 18.857)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(254, 255, 124)" height="3.1428571428571423px" id="TiVcFQlKh" transform="translate(9.429 18.857)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="qi6WYqq0t" transform="translate(4.714 18.857)" width="3.1428571428571423px"/><path d="M 3.143 0 L 0 0 L 0 3.143 L 3.143 3.143 Z" fill="rgb(27, 27, 28)" height="3.1428571428571423px" id="XGkez3Ne8" transform="translate(0 18.857)" width="3.142857142857143px"/></g></svg>)
Yearly
Free
$0
/month
Explore production-ready animation and UI patterns with a limited monthly search cap.
20,000 Tokens
Limited monthly searches
Real code patterns
GSAP, Motion, React Native
MCP connection
No install required
POPULAR
Pro
$9.99
/month
Unlock a much higher search cap for your team’s everyday builds.
1,000,000 Tokens
High monthly search cap
Production-ready patterns
GSAP, Motion, React Native
Priority access
Faster build workflows
Save animation time