The Data Visualisation Catalogue
datavizcatalogue.comA handy guide and library of different data visualization techniques, tools, and a learning resource for data visualization.
Tubes Cursor (WebGL, WebGPU)
codepen.ioThis effect has been made with ThreeJS and can run with WebGPU or WebGL....
React Bits
reactbits.devAn open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
ElevenLabs UI | ElevenLabs UI
ui.elevenlabs.ioA collection of Open Source agent and audio components that you can customize and extend.
Glide Data Grid
grid.glideapps.comA no-compromise, outrageously fast react data grid, with rich rendering and TypeScript support.
Mockups
flyerwrk.comHandcrafted premium photoshop templates - Abstract backgrounds - high quality textures- free downloads ✓commercial-work ✓art-work
Languine - Infrastructure de localisation conçue pour les startups dynamiques.
languine.aiLanguine automatise la localisation dans votre flux de travail et votre pipeline de développement, garantissant que les traductions ne vous ralentissent jamais.
Remix Utils | Remix Resources
remix.runA set of utility functions and types to use with Remix.run
50+ Open Source Illustration Libraries – Toools.design
toools.designA growing collection of free open source illustration libraries and 3D illustration resources. Discover the best illustrations for websites and apps.
usehooks-ts
usehooks-ts.comReact hook library, ready to use, written in Typescript.
Powerful Data-Table for React | OpenStatus
data-table.openstatus.devFlexible, fast, and easy-to-use filters with tanstack table, shadcn/ui and search params via nuqs.
NumberFlow for React - An animated number component
number-flow.barvian.meA React component to animate numbers. Dependency-free. Accessible. Customizable.
⌘K
cmdk.paco.meFast, composable, unstyled command menu for React.
Background - AI-Generated Backgrounds with Midjourney Prompts
background.supplyBrowse our collection of breath-taking AI generated backgrounds, download in glorious 6K and access the Midjourney prompt used to create them.
Creatica - Generate vector SVG backgrounds
creatica.appDesign the endless possibilities with Creatica! Our app offers a diverse range of stunning and customizable background designs, perfect for web designers, graphic artists, and creative enthusiasts. Start creating with Creatica today!
inlang Marketplace - The ecosystem to go global
inlang.comQuickly find the best solution to globalize (i18n) your app. inlang helps you to expand to new markets and acquire new customers.
Avatar generator playground - Boring Avatars
boringavatars.comBoring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
Endless Tools
endlesstools.ioNo-coding tool to create 3D assets, key visual for social media, identity elements and other marketing and design need
Unicorn Studio — No-code WebGL Tool
unicorn.studioCreate enchanting WebGL effects, motion, and interactivity — in minutes, not hours.
Anime.js | JavaScript Animation Engine
animejs.comA fast and versatile JavaScript animation library
Disclosure - Motion-Primitives
motion-primitives.comThe Disclosure component allows users to toggle the visibility of content, either collapsed or expanded. Built for React, Next.js, and Tailwind CSS.
A micro-animations library
useanimations.comAnimated icons in Lottie Framework and for immediate implementation to your apps or websites.
Mvpblocks
blocks.mvp-subha.meCopy, paste, customize—and launch your idea faster than ever.
Animate UI
animate-ui.comFully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.
pqoqubbw/icons
icons.pqoqubbw.devbeautifully crafted animated icons
Font Pairings | Fontshare: Quality Fonts. Free.
fontshare.com
Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout
swapy.tahazsh.comA simple JavaScript tool for converting any layout you have to drag-to-swap layout
Web Interface Guidelines
interfaces.rauno.meA non-exhaustive list of details that make a good web interface.
Form design - Co-op Experience Library
coop.co.ukFind out how to design forms for digital products and services for Co-op.
Editor | JSON For You | The best online JSON tool
json4u.comOnline JSON view, format, minify, validate and compare. It also provides graph view to preview JSON data, semantic comparing two JSON diffs, convert JSON to CSV or CSV to JSON and support jq online.
ogimage.org: The Ultimate Open Graph Image Generator - ogimage.org
ogimage.orgGenerate open graph images with ease using OGimage.org, your reliable open graph image generator.
SortableList - cult/ui
cult-ui.comAn animated sortable list
Next.js video embedding with next-video
next-video.devNext Video solves the hard problems with embedding, storing, streaming, and customizing video in your Next.js app.
Shader Gradient
shadergradient.coCreate beautiful moving gradients on Framer, Figma and React
Ruri · Lines
ruri.designTransform any image into a stunning wave-line effect in seconds. Create eye-catching vector line distortion effects to add depth and texture to your designs. Perfect for generating unique patterns, textures, icons, and cover images with a fresh, modern look.
Toolfolio - All the Tools You Need in One Place
toolfolio.ioToolfolio helps you find the best tools for productivity, creativity, and design. Explore top solutions for startups, social media, AI, and more to optimize your workflow.
luhart/react-native-boring-avatars: React native implementation of https://boringavatars.com/
github.comReact native implementation of https://boringavatars.com/ - luhart/react-native-boring-avatars
Motion-Primitives - UI kit to make beautiful, animated interfaces, faster.
motion-primitives.comMotion-Primitives is an open-source UI kit to make beautiful, animated interfaces, faster. Built for React, Next.js, and Tailwind CSS.
React Scan
react-scan.comReact Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!
nuqs | Type-safe search params state management for React
nuqs.47ng.comType-safe search params state management for React. Like useState, but stored in the URL query string.
React Native Paper
reactnativepaper.comReact Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases.
Marcosfitzsimons/multi-step-form: Next.js-powered multi-step form with elegant UI, custom data management hook, and Framer Motion for smooth step transitions.
github.comNext.js-powered multi-step form with elegant UI, custom data management hook, and Framer Motion for smooth step transitions. - Marcosfitzsimons/multi-step-form
Type safe Server Actions in your Next.js project | next-safe-action
next-safe-action.devnext-safe-action is a library for defining end-to-end typesafe and validated Server Actions in Next.js App Router projects.
Motion - A modern animation library for JavaScript and React
motion.devMotion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
Fancy Components
fancycomponents.devReady to use, fancy React components to make the web fun again. Free & Open Source.
Realtime Colors
realtimecolors.comVisualize your color palettes on a real website.Handmade abstract textures
flyerwrk.comAbstract textures for various projects. The textures are produced in high quality to fulfill a high demand. These products are optimally suited for artwork or commercial purposes
App
interactionmagic.coLibrary of micro interactions to use in your Framer projects.
Calendar - Bits UI
bits-ui.comHeadless components for Svelte.