Sam Selikoff

ios-apple-music-clone. JavaScript

talks. Code from various talks

samselikoff.com. Personal site

2022-05-11-tailwind-ui-interactive-calendar. JavaScript

2020-07-21-mobile-twitter-ui. JavaScript

egghead-tailwind-discord-course. Source for my Egghead course, "Craft Scalable, Custom-Made Interfaces with Tailwind CSS"

2022-06-09-resizable-panel. Demo from "Building a Resizable Panel with Framer Motion"

2024-02-09-instant-search-params-nextjs. TypeScript

nextconf-2022-nested-layouts-by-example. JavaScript

2020-06-09-react-router-v6-navlink. JavaScript

2020-12-15-image-cropper. JavaScript

2022-12-07-ios-16-slider. TypeScript

2024-10-07-fade-up-component. TypeScript

2023-05-30-radix-dialog. TypeScript

2022-01-21-suspense-error-boundaries. Source code for "Suspense and Error Boundaries in React 18"

2020-07-16-show-new-tweets. Demo from my "Buffering new Tweets with SWR" YouTube video

2024-10-20-use-animated-text-hook. TypeScript

2023-08-07-responsive-framer-motion-with-tailwind. TypeScript

2022-08-24-staggered-imessage-animation. Demo from "Animating an iMessage clone with Framer Motion's new layout mode!"

2021-11-04-revalidate-live-queries. Demo for my YouTube video "Revalidate Live Queries"

smart-pdfs. TypeScript

2022-05-16-hoisting-state-to-url. Demo from my "Why you should lift component state up to the URL" YouTube video

2022-08-04-animated-table. Demo from "Collapsible table rows with Framer Motion layout animations"

2020-10-21-headless-ui. JavaScript

2021-10-21-tailwind-ui-modal-framer-motion. Source code for my YouTube vid!

2020-08-05-animating-skeleton-screens-with-tailwind. JavaScript

2023-02-17-radix-dropdown-reusable. Demo from "Refactoring a Radix Dropdown Menu"

framer-motion-animated-slider. JavaScript

2022-12-19-shared-header-data-fetching. Demo from "Server-side data fetching in Next.js 12 vs. 13"

2022-02-24-use-synchronized-animation. Source code for "Fixing Twitter's loading screen using Synchronized Animations in React"

2023-01-22-radix-dropdown-framer-motion. Demo from "Animating a Radix Dropdown with Framer Motion"

2022-06-02-animated-carousel. Demo from "How to declaratively animate a carousel"

2022-01-04-suspend-after-initial-render. Source code for "Suspending After Initial Render in Master-Detail Apps"

animated-clock-example. TypeScript

2023-05-15-server-actions. JavaScript

fergusmeiklejohn-framer-motion-recipes. TypeScript

headlessui. Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

togethercomputer-openapi. An OpenAPI API specifications file describes an API in its entirety and are typically written in YAML or JSON. including: Endpoints: which are available (/users) and operations on each (GET /users, POST /users) Authentication methods. Operation parameters for each operation (Input and output)

autocomplete-demo. TypeScript