Bookmarks
Hand-picked links, tools and resources I keep coming back to — from component libraries and design systems to the things I read to stay current.
87 bookmarks
AI Skills for Real Engineers by mattpocock
A practical skill system for engineers who want to use AI without giving up their standards. Install the ones you want, then type a slash command.
kole jain website
A growing collection of Figma components from my design videos and builds.
Tabler Icons
A complete icon set with perfect line weights and spacing - ready for Figma, apps, and design systems.
Lucid animated
an open-source (MIT License) collection of smooth animated icons for your projects. feel free to use them, share your feedback, and let's make this library awesome together,Crafted with Motion & Lucide
Motion Primitives
Animation primitives and components for modern web applications.
Animate UI
A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.
Animata Design
Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.
Fancy Components
with a growing library of ready-to-use react components & micro interactions. free & open source.. very good documentation
Badtz UI
An open-source React UI library with production-ready animations. Weekly updates. Built with React, Tailwind, TypeScript & JavaScript.
Shadcn Studio
New 🎉 Dashboard & Marketing UI Blocks, AI Theme Generator, Shadcn MCP & more... 🪄 Build Futuristic UIs with Shadcn Blocks at Warp Speed
Blocks.so
Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.
Solace UI
Production-ready sections, animated components, and full-page templates for Next.js, Tailwind CSS & Framer Motion
Square Ui
Collection of beautifully crafted open-source layouts UI built with shadcn/ui.
ui layouts
Beautifully designed sections you can copy and paste straight into your apps. Creatively crafted with Tailwind CSS and shadcn/ui, these blocks are built for real-world React and Next.js projects
Base UI
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
DiceUI
A collection of composable, unstyled UI primitives for building accessible web applications.
kibo ui
Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.
21st.dev
A collection of composable, unstyled UI primitives for building accessible web applications.
Untitled UI
Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.
Enhanced Button
Advanced button components with additional features and styles.
Awesome Shadcn UI
Curated collection of shadcn/ui resources and components.
WDS Shadcn Registry
Component registry for shadcn/ui by Web Dev Simplified.
reui
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
kokonut UI
Beautiful, modern UI components built with Tailwind CSS, shadcn/ui & Motion.100+ open-source components designed for React & Next.js.
smoothui
Highly customizable, production-ready UI blocks for building beautiful websites and apps that look and feel the way you mean it.
Shadcn UI
Essential UI components, advanced patterns, and AI integrations. From buttons to AI chat interfaces - everything you need to build modern applications.
ElevenLabs UI
ElevenLabs UI is a component library and custom registry built on top of shadcn/ui to help you build multimodal agentic experiences faster.
ai Elements
A comprehensive collection of React components designed for building modern AI chat interfaces.
Beautiful maps, made simple
Ready to use, customizable map components for React.Built on MapLibre. Styled with Tailwind.
Shadcn Phone Input
Phone input component for shadcn/ui with international format support.
shadcn tip tap
Collection of custom extensions and toolbars for Tiptap editor.
Shark ui
A beautifully designed and accessible set of 90+ components, created to help you build reusable and scalable design systems.
vengence ui
Hover effects, animated tooltips, and scroll-driven layouts designed for modern marketing websites.
grootstudio
a Library of High-Performing, SEO Optimised Components Designed for Modern Developers
beui
Copy-paste React components built with Motion and Tailwind CSS. Free, open source, and fully customizable.
Watermelon UI
600+ free, open-source UI components crafted for the design community. Copy, paste, and ship — no strings attached.
Spell ui - Refined UI components for Design Engineers
A large collection of high-quality React components that you can copy and paste into any project.
@optics/design-system
More than just a design system. It's a collection of tools and resources that help build a more accessible, intuitive, and aesthetically pleasing web applications.
The Open Agent Skills Ecosystem
Skills are reusable capabilities for AI agents. Install them with a single command to enhance your agents with access to procedural knowledge.
OG Image Generator
Free Open Graph image generator for websites. Create beautiful social media preview images for your web pages.
StackRender
Design database schemas visually. Generate SQL migrations. Track schema changes as your project grows.
React doctor
One command scans your codebase for security, performance, correctness, and architecture issues, then outputs a 0–100 score with actionable diagnostics.
eslint-plugin-jsx-a11y
Static AST checker for accessibility rules on JSX elements. Helps ensure your React applications are accessible to users with disabilities.
Unlighthouse
Scan your entire website with Google Lighthouse - in 2 minutes. A powerful tool for automated Lighthouse auditing and performance analysis.
conventional Git Commits
The Conventional Commits specification is a lightweight convention on top of commit messages.
Stay up-to-date on Next.js
A weekly newsletter with the most interesting Next.js News, Tutorials, Projects, and Tools. The easiest way to keep up with what’s happening in the ecosystem.
next seo
Next SEO is a plug in that makes managing your SEO easier in Next.js projects.