{"id":2344,"date":"2026-08-10T08:55:48","date_gmt":"2026-08-10T08:55:48","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/buildui-framer-motion-recipes-2023-1\/"},"modified":"2026-08-10T08:55:48","modified_gmt":"2026-08-10T08:55:48","slug":"buildui-framer-motion-recipes-2023-1","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/buildui-framer-motion-recipes-2023-1\/","title":{"rendered":"Buildui \u2013 Framer Motion Recipes 2023-1"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Framer Motion Recipes course. Framer Motion is a popular React animation library. It has declarative and imperative APIs, so you can add common animations in just a few lines of code, or take it down a level to create truly custom effects. It is maintained by Framer, has an active community, and follows the latest best practices used in the React ecosystem. In this course, you will learn Framer Motion by building six animated components from scratch. You\u2019ll start with the basics of state-based animation, learn how to animate a loading component, create a reusable hook that can animate style properties on scroll, and learn about dynamic types to customize an animation based on The state of the component you are using.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Framer Motion Recipes course specifications<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/buildui.com\/courses\/framer-motion-recipes\" target=\"_blank\"><span style=\"vertical-align: inherit\">Buildui<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/sam-selikoff\/\"><span style=\"vertical-align: inherit\">Sam Selikoff<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 3 hours and 9 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of courses: 8<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course headings<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-890240 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/03\/Framer-Motion-Recipes-1-1.jpg\" alt=\"\" width=\"1088\" height=\"574\"> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-890242 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/03\/Framer-Motion-Recipes-1-2.jpg\" alt=\"Framer Motion Recipes\" width=\"1099\" height=\"396\"><\/p>\n<h2 dir=\"ltr\" style=\"text-align: left\">&nbsp;<\/h2>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Framer Motion Recipes course images<\/span><\/h3>\n<h2 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-890236 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/03\/Framer-Motion-Recipes-1.jpg\" alt=\"Framer Motion Recipes\" width=\"662\" height=\"253\"><\/h2>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample video of the course<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-120296-1\"><video class=\"wp-video-shortcode\" id=\"video-120296-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Framer_Motion_Recipes_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Framer_Motion_Recipes_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Framer_Motion_Recipes_Downloadly.ir.mp4?nocache=1786095219186\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Framer_Motion_Recipes_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite Player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitle: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Buildui_Framer_Motion_Recipes_2023-1.part1_Downloadly.ir.rar?nocache=1786095218\"><span style=\"vertical-align: inherit\">Download part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Buildui_Framer_Motion_Recipes_2023-1.part2_Downloadly.ir.rar?nocache=1786095218\"><span style=\"vertical-align: inherit\">Download part 2 \u2013 734 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">1.7 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Framer Motion Recipes course. Framer Motion is a popular React animation library. It has declarative and imperative APIs, so you can add common anim<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[22109,22110,22111,22112,22113,22114,22115,22116,22117,22118,22119,22120,22121,22122,22123,22124,22125,22126,22127,22128,22129,22130,22131,20975],"class_list":["post-2344","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-framer-motion-recipes","dgi_tag-download-course-framer-motion-recipes","dgi_tag-download-framer-motion-recipes","dgi_tag-download-framer-motion-recipes-course","dgi_tag-download-framer-motion-recipes-course-for-free","dgi_tag-download-link-framer-motion-recipes","dgi_tag-download-links-framer-motion-recipes","dgi_tag-download-paid-course-framer-motion-recipes","dgi_tag-framer-motion-recipes-download-course","dgi_tag-framer-motion-recipes-download-links","dgi_tag-framer-motion-recipes-for-free","dgi_tag-framer-motion-recipes-free-course","dgi_tag-framer-motion-recipes-free-download","dgi_tag-free-download-course-framer-motion-recipes","dgi_tag-free-download-framer-motion-recipes","dgi_tag-free-download-link-framer-motion-recipes","dgi_tag-free-download-links-framer-motion-recipes","dgi_tag-free-download-paid-course-framer-motion-recipes","dgi_tag-free-framer-motion-recipes","dgi_tag-free-framer-motion-recipes-download-course","dgi_tag-free-links-download-framer-motion-recipes","dgi_tag-free-paid-course-download-links-framer-motion-recipes","dgi_tag-paid-course-framer-motion-recipes","dgi_tag-sam-selikoff"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/2344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/2344\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=2344"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=2344"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}