--- title: FeralUI · playful, physics-driven React elements | daily.dev description: FeralUI is a showcase library of playful, physics-driven React and TypeScript UI components by Sarthak Navalekar. It includes a dozen self-contained... canonical: https://daily.dev/posts/anqylks0i twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: FeralUI · playful, physics-driven React elements | daily.dev og:description: FeralUI is a showcase library of playful, physics-driven React and TypeScript UI components by Sarthak Navalekar. It includes a dozen self-contained... og:url: https://daily.dev/posts/anqylks0i og:image: https://api.daily.dev/og/posts/AnQylks0I.png og:image:alt: Post cover image og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # FeralUI · playful, physics-driven React elements **[raqib nur](https://daily.dev/sources/r-mkekzy5)** · [@raqibnur](https://daily.dev/raqibnur) · 192 upvotes · 18 comments ## Summary FeralUI is a showcase library of playful, physics-driven React and TypeScript UI components by Sarthak Navalekar. It includes a dozen self-contained interactive demos: a Verlet-rope pull cord that toggles lights, a claw-machine CAPTCHA, a spring-animated page-turning book, a pettable fur coat rendered strand by strand, crumpling paper notes, a holographic Pokémon-style card, and more. Each component emphasizes real physics simulation, hand-tuned animation, and whimsical interaction design. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@mishatvoy** · 3 upvotes > This is the kind of thing that makes me bookmark it and never use it in prod > Great physics work, but the use cases are just too niche for real projects. Still, I hope I’ll get to use it someday > > Pure eye-candy inspiration. 10/10 **@alinameer** · 3 upvotes > 10/10 cute **@husseinkizz** · 2 upvotes > Nice one, bookmarked and shared! **@seyoungcho** · 2 upvotes > Nice work man, thank you for sharing **@niks24** · 2 upvotes > Amazing 10/10 ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#typescript](https://daily.dev/tags/typescript), [#physics](https://daily.dev/tags/physics) [View this post on daily.dev](https://daily.dev/posts/anqylks0i) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/anqylks0i","headline":"FeralUI · playful, physics-driven React elements","text":"Shared: FeralUI · playful, physics-driven React elements","url":"https://daily.dev/posts/anqylks0i","datePublished":"2026-08-11T14:35:58.577Z","dateModified":"2026-08-11T14:37:04.419Z","author":{"@type":"Person","name":"raqib nur","url":"https://daily.dev/raqibnur","image":"https://media.daily.dev/image/upload/s--seLSoAVy--/f_auto/v1736312346/avatars/avatar_r-mKekZy5","description":"✦ I Design my dreams and create innovations\n✿ more on » raqibnur.com","worksFor":{"@type":"Organization","name":"The Run Digital","logo":"https://res.cloudinary.com/daily-now/image/upload/s--LB0lEAUH--/f_auto/v1725864961/companies/therundigital"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":12670}},"image":"https://media.daily.dev/image/upload/s--2-1xRawN--/f_auto/v1722860399/public/Placeholder%2011","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":192},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":18}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/dScFLyS8B"},"comment":[{"@type":"Comment","text":"This is the kind of thing that makes me bookmark it and never use it in prod\nGreat physics work, but the use cases are just too niche for real projects. Still, I hope I’ll get to use it someday\nPure eye-candy inspiration. 10/10","datePublished":"2026-08-13T10:41:39.514Z","url":"https://daily.dev/posts/AnQylks0I#c-XHIkR8NPQ","author":{"@type":"Person","name":"Mikhail","url":"https://daily.dev/mishatvoy","image":"https://avatars.githubusercontent.com/u/74988200?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"10/10 cute","datePublished":"2026-08-12T11:53:57.279Z","url":"https://daily.dev/posts/AnQylks0I#c-NFapyUWDX","author":{"@type":"Person","name":"Ali Nameer","url":"https://daily.dev/alinameer","image":"https://avatars.githubusercontent.com/u/155767352?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Nice one, bookmarked and shared!","datePublished":"2026-08-13T14:52:58.907Z","url":"https://daily.dev/posts/AnQylks0I#c-bExLllCz6","author":{"@type":"Person","name":"Hussein Kizz","url":"https://daily.dev/husseinkizz","image":"https://media.daily.dev/image/upload/s--bqCp79lk--/f_auto/v1704865561/avatars/avatar_WgJOIEdxX"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Nice work man, thank you for sharing","datePublished":"2026-08-14T07:41:30.486Z","url":"https://daily.dev/posts/AnQylks0I#c-q5in7pewh","author":{"@type":"Person","name":"SeyoungCho","url":"https://daily.dev/seyoungcho","image":"https://media.daily.dev/image/upload/s---QniJFEK--/f_auto/v1724901542/avatars/avatar_O3ucZSadxc0iLADSOH3rX"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Amazing 10/10","datePublished":"2026-08-14T12:53:57.546Z","url":"https://daily.dev/posts/AnQylks0I#c-7lqNUBfEL","author":{"@type":"Person","name":"Niks","url":"https://daily.dev/niks24","image":"https://media.daily.dev/image/upload/s--nCLHiTKK--/f_auto/v1763740735/avatars/avatar_w3rFxlavUel1vvxC3KH0H?_a=BAMAK+ZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/sources/r-mkekzy5","name":"raqib nur"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"raqib nur","item":"https://daily.dev/sources/r-mkekzy5"},{"@type":"ListItem","position":3,"name":"FeralUI · playful, physics-driven React elements"}]} ```