ai-ui-patterns
patternsdev
Build responsive AI chats with reusable React components.
Frontend development
GitHub publisher47 Skills47.3k installs
Organization · Patterns.dev · patterns.dev · On GitHub since 2026
ai-ui-patterns
patternsdev
Build responsive AI chats with reusable React components.
Frontend development
react-2026
patternsdev
Choose a React stack that fits your app.
Frontend development
preload
patternsdev
Help your page's critical assets load sooner.
Web performance
loading-sequence
patternsdev
Help your web pages load in the right order.
Web performance
import-on-interaction
patternsdev
Load heavy page features only when users need them.
Web performance
prefetch
patternsdev
Make your site's next page load faster.
Web performance
import-on-visibility
patternsdev
Load offscreen content as your visitors scroll.
Frontend performance
third-party
patternsdev
Faster page loads with fewer third-party delays.
Web performance
virtual-lists
patternsdev
Make large lists scroll smoothly in React.
Frontend performance
route-based
patternsdev
Load only the page code your visitors need.
Frontend performance
tree-shaking
patternsdev
Keep unused code out of your JavaScript bundles.
Frontend performance
prpl
patternsdev
Make your web app load fast on slow networks.
Web performance
static-import
patternsdev
Load the code your app needs on its first render.
Frontend development
bundle-splitting
patternsdev
Smaller JavaScript bundles for faster page loads.
Frontend performance
compression
patternsdev
Smaller JavaScript downloads, balanced with caching.
Web performance
dynamic-import
patternsdev
Load noncritical React code only when users need it.
Frontend performance
hooks-pattern
patternsdev
Your React components, with reusable state logic.
Frontend development
presentational-container-pattern
patternsdev
Keep your React views separate from data logic.
Frontend architecture
react-composition-2026
patternsdev
Build React components without a pile of props.
Frontend development
react-render-optimization
patternsdev
Keep your React app responsive with fewer renders.
Frontend performance
react-data-fetching
patternsdev
Faster data loading for your React app.
Frontend development
compound-pattern
patternsdev
Build React components that share state cleanly.
Frontend development
hoc-pattern
patternsdev
Share behavior across your React components.
Frontend development
client-side-rendering
patternsdev
Build responsive React apps without page reloads.
Frontend development