Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

UI Interaction 12 ♥️🤌 A pure JS bottom sheet library that's snap-able, scrollable, customizable using useGesture and AnimeJS developed by Samritha Sudhagar! Works as a modal or side sheet on Web. Examples: Check them out Anurag Hazra ⚛, If we remember, you were trying to build one for Razorpay... show more

Timeless

2,275 subscribers

11,629 Aufrufe • vor 3 Jahren •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

2 Kommentare

Profilbild von Anurag Hazra ⚛

Anurag Hazra ⚛vor 3 Jahren

@Samritha22 Looks great! 🚀 Awesome work! nit: maybe remove the animation transition while user is dragging the sheet so that the dragging feels more responsive, otherwise it feels like the sheet is trying to "catch up" to the finger and lagging.

Profilbild von Valdy Dev

Valdy Devvor 3 Jahren

@Samritha22 C’est vraiment incroyable mais à un moment il la fenêtre modale se fige et impossible de l’utilise . Le bug dure quelque secondes

Ähnliche Videos

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

Bruno Stasse

835,481 Aufrufe • vor 1 Jahr

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

Saúl

40,982 Aufrufe • vor 1 Jahr

Excited to share a new open-source project for the web-mapping and LiDAR community: maplibre-gl-lidar 🚀 With maplibre-gl-lidar, you can visualize large-scale LiDAR point clouds (LAS/LAZ, including COPC) directly in the browser using MapLibre GL JS. It supports point-cloud data stored locally or hosted on the web, and comes with an interactive GUI featuring customizable color schemes, classification legends, and point picking. It even works seamlessly inside Jupyter Notebooks. Visualizing tens of millions of LiDAR points has never been this simple or fast, making it easy to build modern, lightweight, and fully interactive web-based LiDAR viewers. Try it out: Live Demo Viewer: GitHub Repository: Full Video Tutorial: #MapLibre #LiDAR #WebGIS #OpenSource #PointCloud #3DMapping

Excited to share a new open-source project for the web-mapping and LiDAR community: maplibre-gl-lidar 🚀 With maplibre-gl-lidar, you can visualize large-scale LiDAR point clouds (LAS/LAZ, including COPC) directly in the browser using MapLibre GL JS. It supports point-cloud data stored locally or hosted on the web, and comes with an interactive GUI featuring customizable color schemes, classification legends, and point picking. It even works seamlessly inside Jupyter Notebooks. Visualizing tens of millions of LiDAR points has never been this simple or fast, making it easy to build modern, lightweight, and fully interactive web-based LiDAR viewers. Try it out: Live Demo Viewer: GitHub Repository: Full Video Tutorial: #MapLibre #LiDAR #WebGIS #OpenSource #PointCloud #3DMapping

Qiusheng Wu

53,233 Aufrufe • vor 9 Monaten

Bruh… this carousel system is so sleek 🎠 Blossom is an open-source carousel system with tons of beautiful patterns and examples. It also comes with AI agent skills and supports React, Vue, Svelte, and Web Components. Perfect if you're looking for modern, highly customizable carousels without the usual bloat :) Source 🔗: github(DOT)com/jespervos/blossom-carousel Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Bruh… this carousel system is so sleek 🎠 Blossom is an open-source carousel system with tons of beautiful patterns and examples. It also comes with AI agent skills and supports React, Vue, Svelte, and Web Components. Perfect if you're looking for modern, highly customizable carousels without the usual bloat :) Source 🔗: github(DOT)com/jespervos/blossom-carousel Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Ram Maheshwari

24,109 Aufrufe • vor 4 Monaten

Visualization (#latentspace) and sonification 🎹 of the GitHub commit history of the Stable Diffusion web UI repository.

Visualization (#latentspace) and sonification 🎹 of the GitHub commit history of the Stable Diffusion web UI repository.

Ren Yuan

13,623 Aufrufe • vor 2 Jahren

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,352 Aufrufe • vor 2 Jahren

New JavaScript short course: Build a full-stack web application that uses RAG in JavaScript RAG Web Apps with LlamaIndex, taught by Laurie Voss, VP of Developer Relations at LlamaIndex 🦙 and npm co-founder. - Build a RAG application for querying your own data - Develop tools to interact with multiple data sources using an agent that intelligently selects the right tool for your queries - Create a full-stack web app that can chat with your data - Dig further into production-ready techniques, like how to persist your data so you aren’t constantly reindexing, and try the create-llama command line tool from LlamaIndex You can sign up here:

New JavaScript short course: Build a full-stack web application that uses RAG in JavaScript RAG Web Apps with LlamaIndex, taught by Laurie Voss, VP of Developer Relations at LlamaIndex 🦙 and npm co-founder. - Build a RAG application for querying your own data - Develop tools to interact with multiple data sources using an agent that intelligently selects the right tool for your queries - Create a full-stack web app that can chat with your data - Dig further into production-ready techniques, like how to persist your data so you aren’t constantly reindexing, and try the create-llama command line tool from LlamaIndex You can sign up here:

Andrew Ng

218,703 Aufrufe • vor 2 Jahren

The #SOTM for May has been decided, and the winner is... "Anime.js" by Julian Garnier A fast, flexible JS animation library to bring the web to life. Congratulations! 🎉

The #SOTM for May has been decided, and the winner is... "Anime.js" by Julian Garnier A fast, flexible JS animation library to bring the web to life. Congratulations! 🎉

awwwards.

46,676 Aufrufe • vor 1 Jahr

Evernote Search just got a serious glow-up ✨ We made several visible improvements to the search modal, including: 👉 A centered search modal with scrollable suggestions 👉 Higher priority for results with title matches 👉 A new default section view for recent notes, grouped by when they were last updated We also made some behind-the-scenes performance boosts to speed up loading time and give you smarter, faster suggestions while typing. All these changes add up to a faster, smarter, more seamless search experience. Available in v10.143 and up on Desktop and Web. Happy searching! 💚

Evernote Search just got a serious glow-up ✨ We made several visible improvements to the search modal, including: 👉 A centered search modal with scrollable suggestions 👉 Higher priority for results with title matches 👉 A new default section view for recent notes, grouped by when they were last updated We also made some behind-the-scenes performance boosts to speed up loading time and give you smarter, faster suggestions while typing. All these changes add up to a faster, smarter, more seamless search experience. Available in v10.143 and up on Desktop and Web. Happy searching! 💚

Evernote

16,707 Aufrufe • vor 1 Jahr

Published very fast javascript / typescript library for vector (#svg) shape offsets / boolean operations, converted from Cavalier Contours Rust library: on NPM as cavalier-contours-js

Published very fast javascript / typescript library for vector (#svg) shape offsets / boolean operations, converted from Cavalier Contours Rust library: on NPM as cavalier-contours-js

🇺🇦 Maks Surguy

26,727 Aufrufe • vor 2 Monaten

Thanks to the Textual library we were able to build a pretty neat UI for Mistral Vibe in the terminal Looks especially good with Ghostty ✨

Thanks to the Textual library we were able to build a pretty neat UI for Mistral Vibe in the terminal Looks especially good with Ghostty ✨

Val

70,350 Aufrufe • vor 10 Monaten

Building Complex Scroll Animations - Custom Bottom Sheet Interaction Inspired from the new web page interaction from the X App ✌️

Building Complex Scroll Animations - Custom Bottom Sheet Interaction Inspired from the new web page interaction from the X App ✌️

Kavsoft

17,908 Aufrufe • vor 1 Jahr

Forget about HTML, JavaScript, and CSS. You can build AI and data applications using Python alone! Python is the best programming language out there. You can now use it across the stack. Take a look at Taipy, an open-source Python library to build end-to-end production applications. Star their repository: I recorded a quick video showing how to build a simple chat interface to talk to OpenAI GPT-3.5 using Taipy alone. Something important to keep in mind: Taipy's goal is not to replace web developers but to provide an alternative to those who need to build applications without web experience. If you are a data scientist or someone dealing with data, Taipy will simplify your life considerably. Thanks to the team behind Taipy for collaborating with me on this post. Here is a link to the full demo. Download this code and run it. It takes 30 seconds:

Forget about HTML, JavaScript, and CSS. You can build AI and data applications using Python alone! Python is the best programming language out there. You can now use it across the stack. Take a look at Taipy, an open-source Python library to build end-to-end production applications. Star their repository: I recorded a quick video showing how to build a simple chat interface to talk to OpenAI GPT-3.5 using Taipy alone. Something important to keep in mind: Taipy's goal is not to replace web developers but to provide an alternative to those who need to build applications without web experience. If you are a data scientist or someone dealing with data, Taipy will simplify your life considerably. Thanks to the team behind Taipy for collaborating with me on this post. Here is a link to the full demo. Download this code and run it. It takes 30 seconds:

Santiago

233,921 Aufrufe • vor 2 Jahren

Python is the best language in the world. Today, you can build AI and data applications using Python alone! No HTML or JavaScript necessary. Take a look at Taipy, an open-source Python library to build end-to-end production applications. Star their repository: I recorded a quick video showing how to build a simple chat interface to talk to OpenAI GPT-3.5 using Taipy alone. Something important to keep in mind: Taipy's goal is not to replace web developers but to provide an alternative to those who need to build applications without web experience. If you are a data scientist or someone dealing with data, Taipy will simplify your life considerably. Thanks to the team behind Taipy for collaborating with me on this post. Here is a link to the full demo. Download this code and run it. It takes 30 seconds:

Python is the best language in the world. Today, you can build AI and data applications using Python alone! No HTML or JavaScript necessary. Take a look at Taipy, an open-source Python library to build end-to-end production applications. Star their repository: I recorded a quick video showing how to build a simple chat interface to talk to OpenAI GPT-3.5 using Taipy alone. Something important to keep in mind: Taipy's goal is not to replace web developers but to provide an alternative to those who need to build applications without web experience. If you are a data scientist or someone dealing with data, Taipy will simplify your life considerably. Thanks to the team behind Taipy for collaborating with me on this post. Here is a link to the full demo. Download this code and run it. It takes 30 seconds:

Santiago

359,020 Aufrufe • vor 2 Jahren

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

27,048 Aufrufe • vor 3 Monaten

Step-by-step instructions on how to build a RAG system using Oracle + Langchain. The time of the specialized vector store is over. Every major database management system now supports vectors. This is huge! It's one fewer system to worry about, and one fewer component to break. Oracle 26ai comes packed with AI-first features, and I decided to put a simple step-by-step guide on how to use it with Langchain. Check the attached video. You need a couple of things to follow along: 1. Create an Oracle 26ai database—you can do this for free online on the Oracle cloud. 2. Use the notebook linked below for the code. Here is a link to the GitHub Repository with the notebook: Thanks to the Oracle team for the collaboration on getting this video out and for hosting the notebook on their GitHub repository.

Step-by-step instructions on how to build a RAG system using Oracle + Langchain. The time of the specialized vector store is over. Every major database management system now supports vectors. This is huge! It's one fewer system to worry about, and one fewer component to break. Oracle 26ai comes packed with AI-first features, and I decided to put a simple step-by-step guide on how to use it with Langchain. Check the attached video. You need a couple of things to follow along: 1. Create an Oracle 26ai database—you can do this for free online on the Oracle cloud. 2. Use the notebook linked below for the code. Here is a link to the GitHub Repository with the notebook: Thanks to the Oracle team for the collaboration on getting this video out and for hosting the notebook on their GitHub repository.

Santiago

11,366 Aufrufe • vor 10 Monaten

We’re excited to feature the AI Chatbot Starter 🤖🧰 - a web server powered by AstraDB (@DataStax) and LlamaIndex 🦙 that you can easily spin up to chat over any web documentation 🌐📑 Easily use this as a standalone service or integrate it with your full-stack application. Set it up by simply setting a few credentials and ingesting your documents. A huge shoutout to the @Datastax team for creating this: check it out below 👇 Repo:

We’re excited to feature the AI Chatbot Starter 🤖🧰 - a web server powered by AstraDB (@DataStax) and LlamaIndex 🦙 that you can easily spin up to chat over any web documentation 🌐📑 Easily use this as a standalone service or integrate it with your full-stack application. Set it up by simply setting a few credentials and ingesting your documents. A huge shoutout to the @Datastax team for creating this: check it out below 👇 Repo:

LlamaIndex 🦙

23,939 Aufrufe • vor 2 Jahren