Loading video...

Video Failed to Load

Go Home

๐Ÿš€New hook: useTailwindBreakpoint ๐ŸŽ‰ ๐Ÿ“โœจ Trigger #React/JS effects when your layout changes ๐Ÿ”ฅ It fetches and watches the breakpoints from your own Tailwind config. โ–ถ๏ธ Link:

buildWithKris's profile picture

Kristoffer Eriksson

2,722 subscribers

22,713 views โ€ข 2 years ago โ€ขvia X (Twitter)

Science & TechnologyArtsEducation#React
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

NEW: ๐Ÿš€ Make your 3D objects responsive! ๐Ÿ–ฅ๏ธ New Screen Resize event to trigger actions ๐ŸŽฏ Create custom responsive breakpoints ๐Ÿ”† Works with all interactive exports Demo: Remix:
0:17

NEW: ๐Ÿš€ Make your 3D objects responsive! ๐Ÿ–ฅ๏ธ New Screen Resize event to trigger actions ๐ŸŽฏ Create custom responsive breakpoints ๐Ÿ”† Works with all interactive exports Demo: Remix:

Spline

58,205 views โ€ข 2 years ago

Imagine typing your website's URL, and getting an email template back? All this using your own brand, logo, colors, styling, and built using React + Tailwind. Go try it out:
0:18

Imagine typing your website's URL, and getting an email template back? All this using your own brand, logo, colors, styling, and built using React + Tailwind. Go try it out:

Zeno Rocha

114,960 views โ€ข 11 months ago

๐Ÿš€ JS Explorer is live now! Discover JS URLs from domains for free. Powered with 500M JS URLs and updating every week. Visit now. โœ… Retweet, bookmark and share link with your friends in bugbounty, cybersecurity and OSINT research.
0:19

๐Ÿš€ JS Explorer is live now! Discover JS URLs from domains for free. Powered with 500M JS URLs and updating every week. Visit now. โœ… Retweet, bookmark and share link with your friends in bugbounty, cybersecurity and OSINT research.

Jsmon | AI-Powered Attack Surface Management

12,571 views โ€ข 10 months ago

Onboarding flow built in Framer ๐Ÿš€ This is the experience when you first sign up for my Framer course! โœจ Comment "Framer" and I'll send you the remix link so you can use it in your own projects!
0:16

Onboarding flow built in Framer ๐Ÿš€ This is the experience when you first sign up for my Framer course! โœจ Comment "Framer" and I'll send you the remix link so you can use it in your own projects!

Ryan Hayward

23,675 views โ€ข 3 years ago

๐Ÿš€ We just released Zed v0.197! If the Debug Adapter for your language supports it, you can now configure breakpoints such that the debugger only stops on them based on variable access patterns: Read, Write, Read & Write. This is super useful for tracking down unexpected data changes to your application state.
0:18

๐Ÿš€ We just released Zed v0.197! If the Debug Adapter for your language supports it, you can now configure breakpoints such that the debugger only stops on them based on variable access patterns: Read, Write, Read & Write. This is super useful for tracking down unexpected data changes to your application state.

Zed

14,667 views โ€ข 10 months ago

๐Ÿ“Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: โœจ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) โœจ Edit the system, and all associated screens can be easily updated โœจ You can extract a design system from any URL โœจ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) โœจ You can start a new design by choosing from popular design systems โœจ Read more about DESIGN.md in the docs (link in thread)
0:15

๐Ÿ“Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: โœจ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) โœจ Edit the system, and all associated screens can be easily updated โœจ You can extract a design system from any URL โœจ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) โœจ You can start a new design by choosing from popular design systems โœจ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

218,728 views โ€ข 2 months ago

โ€œVenusโ€ was the hit song from 1969 by Shocking Blue that gave us the unforgettable hook โ€œIโ€™m your Venus, Iโ€™m your fire, at your desire.โ€ ๐Ÿ”ฅ Then Bananarama revived it in 1986 and it hit #1 all over again. ๐Ÿ’ƒ๐ŸŽถ๐Ÿ”ฅ
0:18

โ€œVenusโ€ was the hit song from 1969 by Shocking Blue that gave us the unforgettable hook โ€œIโ€™m your Venus, Iโ€™m your fire, at your desire.โ€ ๐Ÿ”ฅ Then Bananarama revived it in 1986 and it hit #1 all over again. ๐Ÿ’ƒ๐ŸŽถ๐Ÿ”ฅ

Luce

716,613 views โ€ข 1 month ago

react-native-enriched-markdown 0.3.0 is out! ๐Ÿš€ ๐Ÿ“ GFM support (tables, task lists, and autolinks) ๐ŸŒ Full right-to-left (RTL) layout support โœจ New inline style properties for link, strong, and emphasis ๐Ÿ› ๏ธ Many bug fixes for better stability Check ๐Ÿงตfor full release notes
0:15

react-native-enriched-markdown 0.3.0 is out! ๐Ÿš€ ๐Ÿ“ GFM support (tables, task lists, and autolinks) ๐ŸŒ Full right-to-left (RTL) layout support โœจ New inline style properties for link, strong, and emphasis ๐Ÿ› ๏ธ Many bug fixes for better stability Check ๐Ÿงตfor full release notes

Software Mansion

26,198 views โ€ข 3 months ago

v0 works in the browser, but also from your local editor. Push changes to GitHub and they automatically sync to your v0 project. v0 will also create commits when you deploy new versions of your app.
0:16

v0 works in the browser, but also from your local editor. Push changes to GitHub and they automatically sync to your v0 project. v0 will also create commits when you deploy new versions of your app.

v0

26,721 views โ€ข 1 year ago

Beautiful animated icons to copy/paste directly into your React. JS code. โ†’ by dmytro
0:14

Beautiful animated icons to copy/paste directly into your React. JS code. โ†’ by dmytro

Jim Raptis

845,482 views โ€ข 1 year ago

๐ŸŽ‰ Exciting news, Somniacs! ๐ŸŒŸ Somniaโ€™s Playground is coming! Dream it and build it - Own your slice of the #Metaverse, customize your space, and invite friends for endless fun. Get ready to build and explore like never before! ๐Ÿš€ Stay tuned for more details!
0:19

๐ŸŽ‰ Exciting news, Somniacs! ๐ŸŒŸ Somniaโ€™s Playground is coming! Dream it and build it - Own your slice of the #Metaverse, customize your space, and invite friends for endless fun. Get ready to build and explore like never before! ๐Ÿš€ Stay tuned for more details!

Somnia

768,614 views โ€ข 2 years ago

New year, new vibe โœจ Whatโ€™s your 2024 hobby gonna be? ๐Ÿ‘€ Join a Meetup and make it happen ๐Ÿš€ #Meetup #MeetupEvents
0:10

New year, new vibe โœจ Whatโ€™s your 2024 hobby gonna be? ๐Ÿ‘€ Join a Meetup and make it happen ๐Ÿš€ #Meetup #MeetupEvents

Meetup

17,535 views โ€ข 1 year ago

๐Ÿš€ Claim Your 100% Weekly Airdrops From Bybit, New #Airdrop Starts Every Wednesday! ๐Ÿ”ฅ ๐Ÿ‘‡Join the airdrop today, Claim Your Tokens!
0:13

๐Ÿš€ Claim Your 100% Weekly Airdrops From Bybit, New #Airdrop Starts Every Wednesday! ๐Ÿ”ฅ ๐Ÿ‘‡Join the airdrop today, Claim Your Tokens!

Bybit

25,407,361 views โ€ข 1 year ago

โœง Vercel Navbar Made with Tailwind and Motion React.
0:17

โœง Vercel Navbar Made with Tailwind and Motion React.

LN

43,097 views โ€ข 1 year ago

๐ŸŽ‰ Introducing: Animated Gradient Background for @Framer. Copy and paste into your project, select style from 6 presets or customize your own. Retweet and comment "GRADIENT" and I'll send it.
0:11

๐ŸŽ‰ Introducing: Animated Gradient Background for @Framer. Copy and paste into your project, select style from 6 presets or customize your own. Retweet and comment "GRADIENT" and I'll send it.

Framer University

62,535 views โ€ข 1 year ago

React Native Bottom Tabs v0.9.2 is out! โœจ - Tabs are now properly working on iOS 26 ๐Ÿš€ - Measure custom tab bars (for useBottomTabBarHeight) ๐Ÿ“ - Initial layout fixes ๐Ÿ“ฑ Check it out:
0:13

React Native Bottom Tabs v0.9.2 is out! โœจ - Tabs are now properly working on iOS 26 ๐Ÿš€ - Measure custom tab bars (for useBottomTabBarHeight) ๐Ÿ“ - Initial layout fixes ๐Ÿ“ฑ Check it out:

Oskar

119,150 views โ€ข 1 year ago

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!
0:19

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!

Josรฉ Valim

33,311 views โ€ข 4 months ago

Legend List 2.0 is LIVE! The โšก๏ธ fastest React Native list library, in 100% JS, now with more accuracy and speed! โœจPerfectly accurate scrollToIndex โœจEven faster โœจZero mount time on new arch โœจSticky headers โœจestimatedItemSize is optional โœจNew and old arch
0:15

Legend List 2.0 is LIVE! The โšก๏ธ fastest React Native list library, in 100% JS, now with more accuracy and speed! โœจPerfectly accurate scrollToIndex โœจEven faster โœจZero mount time on new arch โœจSticky headers โœจestimatedItemSize is optional โœจNew and old arch

Jay Meistrich

24,952 views โ€ข 9 months ago