59 products found
Products
Featured
Views
Creators
shape.so/browse
shape_2
shapes.framer.website
copy_paste_svg_shapes
danielsun.space
sun_brand_design
components.bridger.to
nextjs_components
github.com/kennetposti...
react_google_login
buttons.ibelick.com
tailwind_button_collection
magicpattern.design
magic_pattern
Shape lets you customize the style, colors, and borders of static and animated icons and illustrations, with export options for React, SVG, and Lottie.
4
design_tools
A ready-to-use collection of SVG shapes that you can copy and paste into Framer projects, speeding up rapid prototyping and UI mockups.
6
A top-tier branding and web design partner for SaaS and Web3 startups, delivering standout brand identities and product websites you’ll be proud of. Trusted by YC founders across fintech, e-commerce, and Web3.
0
visual_assets
A curated collection of TypeScript React components for Next.js, built with Tailwind and shadcn/ui, created by Bridger Tower. Enables rapid assembly of modern, responsive websites using reusable UI blocks.
component_libraries
A reusable React component that enables Google authentication, simplifying user sign-in flows in React applications.
A collection of ready-to-use Tailwind CSS buttons with copy-paste integration, no JavaScript required. Simply copy and paste into your project to instantly upgrade your UI.
2
A pattern and background generator that creates SVG/CSS patterns, gradients, and organic shapes for branding and social media. With 20+ tools and export options (images, SVG, CSS), it streamlines asset creation and brand consistency.
A curated collection of top free icon sets and resources for designers and developers. Quickly discover SVG/icon libraries (Iconify, Font Awesome, Feather, Tabler, Ionicons, etc.) to speed up UI design and prototyping.
icons_graphics
A curated collection of Tailwind CSS gradients using the full color spectrum, with easily copyable class names and CSS, and the option to save gradients as images for quick reuse.
A community-made library of free, customizable UI elements built with CSS, Tailwind, React, and Figma. Copy-ready HTML/CSS or code snippets help you accelerate UI development and reuse components across projects.
A comprehensive Redux course by Dan Abramov that teaches how to manage state in React apps using Redux. Learn core concepts, patterns, and practical implementation.
A directory and marketplace of open-source and premium Jamstack themes, templates, starters, and UI kits to accelerate modern web projects.
An experimental design playground for prototyping fine UI components and interactions. It showcases dynamic widgets, toolbars, and animated cards, with analytics and beta feedback to guide refinement.
An experimental laboratory for fine UI components and interactions. It showcases dynamic widgets and animated elements—popover actions, toolbars, calendars, sliders, and responsive containers—designed for rapid prototyping and exploratory design.
A Framer-made library of ready-to-use SVG shapes that you can copy and paste into your UI designs, speeding up prototyping.
Shape lets you customize the style, colors, and borders of static and animated icons and illustrations. Export to React, SVG, and Lottie code.
A premier design partner crafting brand and product websites for SaaS and Web3 startups. Trusted by YC founders to deliver standout, pride-worthy digital experiences.
design_systems
A TypeScript React component library for Next.js, built with Tailwind and shadcn/ui, created by Bridger Tower. It provides reusable UI building blocks to accelerate development and ensure a consistent look across projects.
A full-service digital design agency delivering innovative websites and mobile apps, combining strategy, design, and development to create best-in-class digital experiences.
A collection of 30 vibrant gradient backgrounds in silk, noise, and rough textures, designed for branding, social media, and web design. Ready-to-use textures to elevate any visual identity.
A ready-to-use carousel component that supports all Embla Carousel features, with API reference, accessibility, and keyboard navigation for smooth, accessible carousels.
An in-depth learning platform for building modern web interfaces. Courses cover foundational topics, advanced UI techniques, and popular stacks like React Server Components, Remix, Tailwind, and Framer Motion.
courses
Open-source toolkit of beautifully designed plugins and components to help you assemble a customizable rich-text editor, with collaborative and AI-powered editing capabilities.
A gradient tool to generate animated gradients for Framer, Figma, and React. It enables designers and developers to remix and apply colorful interactions across UI components.
An all-in-one, AI-powered workspace for teams, combining search, writing, and note-taking with a Tailwind CSS Handbook as the learning hub.
css_frameworks
A universal visual CSS editor that lets you edit styles on any website with no setup. It automatically generates clean CSS you can reuse across projects.
A flexible, all-in-one workspace with AI-powered search, writing, and note-taking that helps teams prototype and iterate shader workflows efficiently.
A React component that enables Google authentication. It allows easy user sign-in through Google in React applications.
A collection of Tailwind CSS buttons designed for quick, copy-paste integration with no JavaScript required, enabling easy styling upgrades for your website.
Premium Shadcn Blocks collection featuring full-stack components, animated UI elements, and ready-to-use templates. Built with Next.js 15, Tailwind CSS, and Supabase to help you ship SaaS apps faster.
A community-driven library of free, customizable UI elements you can copy as HTML/CSS, Tailwind, React, or Figma. Browse by tags and accelerate UI development with ready-to-use building blocks.
A curated collection of beautiful gradients for Tailwind CSS, leveraging the full color range. Easily copy Tailwind classes, CSS snippets, or save gradients as images.
Expert-led front-end courses for developers and teams, delivered through concise, practical lessons on the most useful tools and techniques for modern web development.
A practical tutorial on adding Google-based authentication with Firebase to a React app, covering sign-in/out, session persistence, and UI updates to show the user and restrict actions to authenticated users.
frontend_frameworks
An all-in-one digital design agency that crafts impressive websites and mobile apps with fluent design language and full-stack development. We prioritize transparent communication and tailored solutions to meet every client's needs.
An interactive learning resource for CSS Grid that builds a clear mental model of grid layouts, covering grid flow, construction, alignment, areas, and accessibility. It helps you design robust, responsive layouts with practical, lightbulb moments.
tutorials
A curated gallery of the best single-page websites, templates, and resources. Discover fresh inspiration for modern one-page design and faster project ideation.
A free, open-source React UI avatars library that generates unique placeholder avatars for users in any project. Lightweight, easy to integrate and customizable for production use.
An AI-powered visual development platform that enables teams to design, prototype, and optimize web and mobile experiences quickly and collaboratively.
A guided tutorial introducing Firebase and React fundamentals. Build a Fun Food Friends web app with setup, database integration, and CRUD functionality.
A React-based coverflow carousel built with Tailwind and Framer Motion. Delivers smooth, customizable transitions for modern web interfaces.
A curated collection of reusable CSS and Tailwind pattern snippets to accelerate UI development, with ready-to-use examples and practical implementation guidance.
developer_tools
Official repository for Vue 2, including code history and issues. Vue 2 has reached End of Life; for Vue 3, see the vuejs/core repository.
A lightweight, customizable Vue UI library for mobile web apps, offering modular components and easy theming to accelerate development and ensure performance.
A collection of 400+ Framer and Framer Motion example projects across CodeSandbox, Framer components, and code overrides to help developers learn, prototype, and speed up animation workflows.
A ready-to-use foundation of beautifully designed, customizable UI components for building and extending your design system. Open source and open code—start here and tailor it to your needs.
An interactive theme editor and generator for shadcn/ui and Tailwind CSS v4, plus custom styles. Customize colors, typography, and UI tokens with real-time previews and export-ready code, including AI-generated themes.
32
A free, open-source library of copy-and-paste UI components built with Tailwind CSS and React, designed for rapid app UI assembly. Includes Navbar, Accordion, Dialog, Button, Tabs, and more—ready to drop into your project.
24
A curated collection of customized Shadcn UI blocks and components with live previews and copy-ready code snippets, designed to accelerate web development.
10
A premium component library offering hundreds of extra Shadcn UI blocks and components built with Shadcn UI, React, and Tailwind, designed to accelerate development with unlimited usage and ongoing updates. Includes categorized blocks, templates, and ready-to-use UI kits for rapid integration.
18
A free, open-source collection of 100+ UI components for modern web apps, built with Next.js, React, Tailwind CSS, and Motion to accelerate development.
An open-source UI component library for React with TypeScript, Tailwind CSS, and Motion, featuring animated components and seamless integration with shadcn/ui.
12
A Tailwind CSS and Framer Motion component library for Next.js and TypeScript that lets you copy-paste trendy UI blocks into your site, reducing styling headaches and delivering a modern, cohesive look.
Premium registry of shadcn/ui components, UI kits, blocks, and templates for rapid, consistent UI development. Includes motion-ready kits and team licensing options.
A collection of neobrutalism-styled components based on shadcn/ui. It provides ready-to-use UI elements to assemble modern, bold interfaces with ease.
A registry of composable, accessible, open-source React components designed for seamless use with shadcn/ui. Built with React, TypeScript, Tailwind CSS, Lucide, and Radix UI to speed up interface development.
RetroUI is a retro-styled React UI component library built with TailwindCSS for modern web apps. It offers ready-to-use blocks and templates, easy customization, and supports both SSR and SPA workflows with a growing community of developers and designers.
Open-source Shadcn UI components, animated blocks, and full templates you can copy-paste into any TypeScript/Next.js project. Tailwind, Framer, and React integration included.
A UI component library and template collection for building visually stunning landing pages. Includes ready-made demos and a command palette to speed up design and development.
