🤯 The coolest #Toggle#theme you can find anywhere today.
I discovered this concept at @magicuidesign , but it's very animation-limited, probably due to none-creativity, so I went back to the same approach, but with #CSS clip-paths and a bit of pure JS.
It's a real treat; it's lightweight, modern, clean, and above all, #openSource.
You can get it for free here: orix-three.vercel.app/docs/theme-tog…
You'll need to configure your Themes Provider; in this example, I'm using Next-themes.
This work well with @nextjs and @shadcn templates and CLI
Meet this landing page from a modern startup. Its minimalist, modern, and clean design.
Crafted using @nextjs and @tailwindcss . An animated 3D model, created with @threejs via @reactthreefiber, adds a touch of interactivity.
Wizard 👉 @rubuz_
Après six ans d’expérience et un week-end de libre, j’ai enfin décidé de coder mon portfolio.
Concrètement, j’ai récupéré quelques composants sur Orix-UI et les ai intégrés à un projet Astro.
Au départ, j’aurais aimé que mon portfolio ressemble autant que possible à celui de @MeschacIrung . Cependant, comme certains d’entre nous, j’aime bien ajouter un peu de piquant, ce qui m’a poussé à inclure un peu plus de contenu avec trois pages.
N’hésitez pas à jeter un œil et à me faire part de vos commentaires ici : mrubuz.pages.dev#portfolio#ReactJS#Astro#MrRubuz
@rubuz_@motiondotdev@tailwindcss@reactjsMotion.dev's AnimatePresence silently skips exit animations when the child has no `key` prop — classic dropdown gotcha. Does orix-ui unmount the menu on close or toggle visibility? Unmounting means you need AnimatePresence; toggling opacity doesn't.
🌐 We don’t talk about Expo Atlas enough. It’s super helpful for debugging. It gives you great visibility into the js bundle.
docs.expo.dev/guides/analyzi…
Just 1 week after its launch, orix-ui won 2nd🥈 place as product of the week on @devhunt_
REMINDER : orix-ui is an open-source projet, distributing open-source components based on @shadcn and #tailwindcss for @reactjs/@nextjs applications
Thanks to y'all who're contributing to make this tool accessible to many developers wordwide.
See more on orix-three.vercel.app
This beautiful border beam component use only CSS pThis beautiful border beam component utilizes only CSS properties, eliminating the need for any npm package. This is a game-changer, resulting in a significantly lighter app.
Access it on our #openSource registry here: orix-three.vercel.app/docs/border-be…
For only this week, plz don't forget to leave us an upvote on @devhunt_ , just one click here devhunt.org/tool/orix-ui
Meet this beautifull and fully customizable Modal.
Can be used as Modal, Dialog or Drawer. Crafted with @tailwindcss and #radix
It's free, open-source and fully customizable
Get it on our open-source UI registry here orix-three.vercel.app/docs/dialog
Installation using @shadcn CLI or copy-paste
Meet 2 beautiful Animated components from #orix
These Blur Fade and Cool checkbox are good and add some masterpiece in your project
It's open-source, get-in on orix-three.vercel.app/docs/checkbox
Easy installation with @shadcn CLI, no npm packages needed