├── Day 01 Password ├── App.tsx ├── Key.tsx ├── Submit.tsx ├── canvas.tsx └── day01_password.framerx ├── Day 02 Cards ├── Card.tsx ├── CardFrame.tsx ├── DraggableCard.tsx ├── Info.tsx └── day02_cards.framerx ├── Day 03 Circle Menu ├── App.tsx ├── canvas.tsx └── day03_menu.framerx ├── Day 04 Hearts ├── App.tsx ├── Heart.tsx ├── canvas.tsx └── day04_hearts.framerx ├── Day 05 Safari ├── App.tsx ├── Pages.tsx ├── canvas.tsx └── day05_safari.framerx ├── Day 06 Align ├── App.tsx └── day06_align.framerx ├── Day 07 Sticky Headers ├── App.tsx ├── Sticky.tsx ├── StickyElement.tsx ├── canvas.tsx └── day07_scroll.framerx ├── Day 08 Card Flip ├── App.tsx ├── Card_Bottom.tsx ├── Card_Top.tsx ├── canvas.tsx └── day08_cardflip.framerx ├── Day 09 Slider ├── App.tsx ├── Slider.tsx └── day09_slider.framerx ├── Day 10 Favorites ├── App.tsx ├── Stack.tsx ├── canvas.tsx └── day10_favorites.framerx ├── Day 11 Tab ├── App.tsx └── day11_tabmenu.framerx ├── Day 12 Card Scroll ├── App.tsx └── day12_cardscroll.framerx ├── Day 13 Calendar ├── App.tsx └── day13_calendar.framerx ├── Day 14 Parallax └── day14_parallax.framerx ├── Day 15 Music ├── App.tsx └── day15_music.framerx ├── Day 16 Long Tap ├── App.tsx └── day16_longtap.framerx ├── Day 17 ToDo List ├── App.tsx └── day17_todolist.framerx ├── Day 18 Stars ├── Background.css ├── Background.tsx └── day18_stars.framerx ├── Day 19 Keyboard ├── App.tsx ├── Key.tsx ├── Space.tsx ├── canvas.tsx └── day19_keyboard.framerx ├── Day 20 Page Sync ├── App.tsx └── day20_musictwo.framerx ├── Day 21 Animation on Load ├── App.tsx └── day21_transition.framerx ├── Day 22 Grid ├── Grid.tsx └── day22_grid.framerx ├── Day 23 Clipping ├── App.tsx ├── Draggable.tsx └── day23_clipping.framerx ├── Day 24 Dynamic Scroll ├── App.tsx └── day24_dynamicscroll.framerx ├── Day 25 Messenger ├── Message.tsx └── day25_messenger.framerx ├── Day 26 Autoplay ├── App.tsx └── day26_autoplay.framerx ├── Day 27 Photo Slider ├── App.tsx └── day27_photoslider.framerx ├── Day 28 Gooey ├── Gooey.css ├── Gooey.tsx └── day28_gooey.framerx ├── Day 29 Timer ├── Timer.tsx └── day29_timer.framerx ├── Day 30 Basics ├── App.tsx ├── Children.tsx ├── Course.tsx └── day30_basics.framerx └── README.md /Day 01 Password/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 01 Password/App.tsx -------------------------------------------------------------------------------- /Day 01 Password/Key.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 01 Password/Key.tsx -------------------------------------------------------------------------------- /Day 01 Password/Submit.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 01 Password/Submit.tsx -------------------------------------------------------------------------------- /Day 01 Password/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 01 Password/canvas.tsx -------------------------------------------------------------------------------- /Day 01 Password/day01_password.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 01 Password/day01_password.framerx -------------------------------------------------------------------------------- /Day 02 Cards/Card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 02 Cards/Card.tsx -------------------------------------------------------------------------------- /Day 02 Cards/CardFrame.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 02 Cards/CardFrame.tsx -------------------------------------------------------------------------------- /Day 02 Cards/DraggableCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 02 Cards/DraggableCard.tsx -------------------------------------------------------------------------------- /Day 02 Cards/Info.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 02 Cards/Info.tsx -------------------------------------------------------------------------------- /Day 02 Cards/day02_cards.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 02 Cards/day02_cards.framerx -------------------------------------------------------------------------------- /Day 03 Circle Menu/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 03 Circle Menu/App.tsx -------------------------------------------------------------------------------- /Day 03 Circle Menu/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 03 Circle Menu/canvas.tsx -------------------------------------------------------------------------------- /Day 03 Circle Menu/day03_menu.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 03 Circle Menu/day03_menu.framerx -------------------------------------------------------------------------------- /Day 04 Hearts/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 04 Hearts/App.tsx -------------------------------------------------------------------------------- /Day 04 Hearts/Heart.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 04 Hearts/Heart.tsx -------------------------------------------------------------------------------- /Day 04 Hearts/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 04 Hearts/canvas.tsx -------------------------------------------------------------------------------- /Day 04 Hearts/day04_hearts.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 04 Hearts/day04_hearts.framerx -------------------------------------------------------------------------------- /Day 05 Safari/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 05 Safari/App.tsx -------------------------------------------------------------------------------- /Day 05 Safari/Pages.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 05 Safari/Pages.tsx -------------------------------------------------------------------------------- /Day 05 Safari/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 05 Safari/canvas.tsx -------------------------------------------------------------------------------- /Day 05 Safari/day05_safari.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 05 Safari/day05_safari.framerx -------------------------------------------------------------------------------- /Day 06 Align/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 06 Align/App.tsx -------------------------------------------------------------------------------- /Day 06 Align/day06_align.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 06 Align/day06_align.framerx -------------------------------------------------------------------------------- /Day 07 Sticky Headers/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 07 Sticky Headers/App.tsx -------------------------------------------------------------------------------- /Day 07 Sticky Headers/Sticky.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 07 Sticky Headers/Sticky.tsx -------------------------------------------------------------------------------- /Day 07 Sticky Headers/StickyElement.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 07 Sticky Headers/StickyElement.tsx -------------------------------------------------------------------------------- /Day 07 Sticky Headers/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 07 Sticky Headers/canvas.tsx -------------------------------------------------------------------------------- /Day 07 Sticky Headers/day07_scroll.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 07 Sticky Headers/day07_scroll.framerx -------------------------------------------------------------------------------- /Day 08 Card Flip/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 08 Card Flip/App.tsx -------------------------------------------------------------------------------- /Day 08 Card Flip/Card_Bottom.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 08 Card Flip/Card_Bottom.tsx -------------------------------------------------------------------------------- /Day 08 Card Flip/Card_Top.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 08 Card Flip/Card_Top.tsx -------------------------------------------------------------------------------- /Day 08 Card Flip/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 08 Card Flip/canvas.tsx -------------------------------------------------------------------------------- /Day 08 Card Flip/day08_cardflip.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 08 Card Flip/day08_cardflip.framerx -------------------------------------------------------------------------------- /Day 09 Slider/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 09 Slider/App.tsx -------------------------------------------------------------------------------- /Day 09 Slider/Slider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 09 Slider/Slider.tsx -------------------------------------------------------------------------------- /Day 09 Slider/day09_slider.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 09 Slider/day09_slider.framerx -------------------------------------------------------------------------------- /Day 10 Favorites/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 10 Favorites/App.tsx -------------------------------------------------------------------------------- /Day 10 Favorites/Stack.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 10 Favorites/Stack.tsx -------------------------------------------------------------------------------- /Day 10 Favorites/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 10 Favorites/canvas.tsx -------------------------------------------------------------------------------- /Day 10 Favorites/day10_favorites.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 10 Favorites/day10_favorites.framerx -------------------------------------------------------------------------------- /Day 11 Tab/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 11 Tab/App.tsx -------------------------------------------------------------------------------- /Day 11 Tab/day11_tabmenu.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 11 Tab/day11_tabmenu.framerx -------------------------------------------------------------------------------- /Day 12 Card Scroll/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 12 Card Scroll/App.tsx -------------------------------------------------------------------------------- /Day 12 Card Scroll/day12_cardscroll.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 12 Card Scroll/day12_cardscroll.framerx -------------------------------------------------------------------------------- /Day 13 Calendar/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 13 Calendar/App.tsx -------------------------------------------------------------------------------- /Day 13 Calendar/day13_calendar.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 13 Calendar/day13_calendar.framerx -------------------------------------------------------------------------------- /Day 14 Parallax/day14_parallax.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 14 Parallax/day14_parallax.framerx -------------------------------------------------------------------------------- /Day 15 Music/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 15 Music/App.tsx -------------------------------------------------------------------------------- /Day 15 Music/day15_music.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 15 Music/day15_music.framerx -------------------------------------------------------------------------------- /Day 16 Long Tap/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 16 Long Tap/App.tsx -------------------------------------------------------------------------------- /Day 16 Long Tap/day16_longtap.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 16 Long Tap/day16_longtap.framerx -------------------------------------------------------------------------------- /Day 17 ToDo List/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 17 ToDo List/App.tsx -------------------------------------------------------------------------------- /Day 17 ToDo List/day17_todolist.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 17 ToDo List/day17_todolist.framerx -------------------------------------------------------------------------------- /Day 18 Stars/Background.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 18 Stars/Background.css -------------------------------------------------------------------------------- /Day 18 Stars/Background.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 18 Stars/Background.tsx -------------------------------------------------------------------------------- /Day 18 Stars/day18_stars.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 18 Stars/day18_stars.framerx -------------------------------------------------------------------------------- /Day 19 Keyboard/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 19 Keyboard/App.tsx -------------------------------------------------------------------------------- /Day 19 Keyboard/Key.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 19 Keyboard/Key.tsx -------------------------------------------------------------------------------- /Day 19 Keyboard/Space.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 19 Keyboard/Space.tsx -------------------------------------------------------------------------------- /Day 19 Keyboard/canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 19 Keyboard/canvas.tsx -------------------------------------------------------------------------------- /Day 19 Keyboard/day19_keyboard.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 19 Keyboard/day19_keyboard.framerx -------------------------------------------------------------------------------- /Day 20 Page Sync/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 20 Page Sync/App.tsx -------------------------------------------------------------------------------- /Day 20 Page Sync/day20_musictwo.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 20 Page Sync/day20_musictwo.framerx -------------------------------------------------------------------------------- /Day 21 Animation on Load/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 21 Animation on Load/App.tsx -------------------------------------------------------------------------------- /Day 21 Animation on Load/day21_transition.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 21 Animation on Load/day21_transition.framerx -------------------------------------------------------------------------------- /Day 22 Grid/Grid.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 22 Grid/Grid.tsx -------------------------------------------------------------------------------- /Day 22 Grid/day22_grid.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 22 Grid/day22_grid.framerx -------------------------------------------------------------------------------- /Day 23 Clipping/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 23 Clipping/App.tsx -------------------------------------------------------------------------------- /Day 23 Clipping/Draggable.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 23 Clipping/Draggable.tsx -------------------------------------------------------------------------------- /Day 23 Clipping/day23_clipping.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 23 Clipping/day23_clipping.framerx -------------------------------------------------------------------------------- /Day 24 Dynamic Scroll/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 24 Dynamic Scroll/App.tsx -------------------------------------------------------------------------------- /Day 24 Dynamic Scroll/day24_dynamicscroll.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 24 Dynamic Scroll/day24_dynamicscroll.framerx -------------------------------------------------------------------------------- /Day 25 Messenger/Message.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 25 Messenger/Message.tsx -------------------------------------------------------------------------------- /Day 25 Messenger/day25_messenger.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 25 Messenger/day25_messenger.framerx -------------------------------------------------------------------------------- /Day 26 Autoplay/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 26 Autoplay/App.tsx -------------------------------------------------------------------------------- /Day 26 Autoplay/day26_autoplay.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 26 Autoplay/day26_autoplay.framerx -------------------------------------------------------------------------------- /Day 27 Photo Slider/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 27 Photo Slider/App.tsx -------------------------------------------------------------------------------- /Day 27 Photo Slider/day27_photoslider.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 27 Photo Slider/day27_photoslider.framerx -------------------------------------------------------------------------------- /Day 28 Gooey/Gooey.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 28 Gooey/Gooey.css -------------------------------------------------------------------------------- /Day 28 Gooey/Gooey.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 28 Gooey/Gooey.tsx -------------------------------------------------------------------------------- /Day 28 Gooey/day28_gooey.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 28 Gooey/day28_gooey.framerx -------------------------------------------------------------------------------- /Day 29 Timer/Timer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 29 Timer/Timer.tsx -------------------------------------------------------------------------------- /Day 29 Timer/day29_timer.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 29 Timer/day29_timer.framerx -------------------------------------------------------------------------------- /Day 30 Basics/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 30 Basics/App.tsx -------------------------------------------------------------------------------- /Day 30 Basics/Children.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 30 Basics/Children.tsx -------------------------------------------------------------------------------- /Day 30 Basics/Course.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 30 Basics/Course.tsx -------------------------------------------------------------------------------- /Day 30 Basics/day30_basics.framerx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/Day 30 Basics/day30_basics.framerx -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hermy0211/framer30-code/HEAD/README.md --------------------------------------------------------------------------------