Magic Patterns supports a curated selection of popular NPM packages and libraries to help you build modern React applications. These packages are optimized for use with our AI-powered design and coding assistant, ensuring seamless integration and high-quality code generation.
Want a package supported? Message us in the support chat!
PackageVersion
@analytics/google-tag-manager^0.6.0
@aws-amplify/ui-react^6.9.5
@aws-sdk/client-s3^3.577.0
@babel/core^7.25.2
@babel/parser^7.26.7
@babel/preset-react^7.24.7
@babel/preset-typescript^7.24.7
@blocknote/core^0.26.0
@blocknote/mantine^0.26.0
@blocknote/react^0.26.0
@chakra-ui/icons^2.1.1
@chakra-ui/pro-theme^0.10.0
@chakra-ui/react^2.8.2
@chakra-ui/spinner^2.1.0
@directus/sdk^19.1.0
@dnd-kit/core^6.1.0
@dnd-kit/modifiers^7.0.0
@dnd-kit/sortable^8.0.0
@emailjs/browser^4.4.1
@emotion/react^11.13.3
@emotion/styled^11.13.0
@floating-ui/react^0.27.4
@formspree/react^2.5.1
@fullcalendar/core^6.1.15
@fullcalendar/daygrid^6.1.15
@fullcalendar/interaction^6.1.15
@fullcalendar/react^6.1.15
@fullcalendar/timegrid^6.1.15
@hello-pangea/dnd^17.0.0
@heroicons/react^2.2.0
@hookform/resolvers^3.9.0
@iconify/react^5.2.0
@inertiajs/react^2.0.0
@linaria/react^6.2.1
@mantine/core^7.13.4
@mantine/dates^8.0.1
@mantine/form^7.17.4
@mantine/hooks^7.13.4
@milkdown/core^7.13.1
@milkdown/preset-commonmark^7.13.1
@milkdown/react^7.13.1
@milkdown/theme-nord^7.13.1
@monaco-editor/react^4.6.0
@mui/icons-material^6.1.0
@mui/joy5.0.0-beta.48
@mui/lab6.0.0-beta.8
@mui/material5.0.6
@mui/x-charts^7.24.0
@mui/x-data-grid^7.24.0
@mui/x-date-pickers-pro^7.23.2
@nextui-org/react^2.4.8
@nikolovlazar/chakra-ui-prose^1.2.1
@nivo/bar^0.88.0
@nivo/core^0.88.0
@nivo/line^0.88.0
@phosphor-icons/react^2.1.7
@radix-ui/react-accordion^1.2.3
@radix-ui/react-alert-dialog^1.1.6
@radix-ui/react-aspect-ratio^1.1.2
@radix-ui/react-avatar^1.1.3
@radix-ui/react-checkbox^1.1.4
@radix-ui/react-collapsible^1.1.3
@radix-ui/react-context-menu^2.2.6
@radix-ui/react-dialog^1.1.6
@radix-ui/react-dropdown-menu^2.1.6
@radix-ui/react-form^0.1.2
@radix-ui/react-hover-card^1.1.6
@radix-ui/react-icons^1.3.0
@radix-ui/react-label^2.1.2
@radix-ui/react-menubar^1.1.6
@radix-ui/react-navigation-menu^1.2.5
@radix-ui/react-popover^1.1.6
@radix-ui/react-progress^1.1.2
@radix-ui/react-radio-group^1.2.3
@radix-ui/react-scroll-area^1.2.3
@radix-ui/react-select^2.1.6
@radix-ui/react-separator^1.1.2
@radix-ui/react-switch^1.1.3
@radix-ui/react-tabs^1.1.3
@radix-ui/react-toast^1.2.6
@radix-ui/react-toggle^1.1.2
@radix-ui/react-toggle-group^1.1.2
@radix-ui/react-toolbar^1.1.2
@radix-ui/react-tooltip^1.1.8
@radix-ui/themes^3.1.3
@react-email/components^0.0.28
@react-google-maps/api^2.19.3
@react-three/drei^9.120.4
@react-three/fiber^8.17.10
@react-three/rapier^1.5.0
@reactflow/core^11.11.4
@reduxjs/toolkit^2.5.1
@sentry/node^8.30.0
@sentry/profiling-node^8.30.0
@splinetool/react-spline^4.0.0
@splinetool/runtime^1.9.59
@supabase/supabase-js^2.45.4
@tailwindcss/typography^0.5.16
@tanstack/react-form^0.32.0
@tanstack/react-query^5.56.2
@tanstack/react-table^8.20.5
@tinymce/tinymce-react^5.1.1
@tippyjs/react^4.2.6
@tiptap/core^2.8.0
@tiptap/extension-document^2.12.0
@tiptap/extension-mention^2.12.0
@tiptap/extension-paragraph^2.12.0
@tiptap/extension-text^2.12.0
@tiptap/pm^2.8.0
@tiptap/react^2.12.0
@tiptap/starter-kit^2.8.0
@tremor/react^3.18.3
@tsparticles/engine^3.8.1
@tsparticles/react^3.0.0
@tsparticles/slim^3.8.1
@turf/turf^7.2.0
@typeform/embed-react^4.4.0
@types/pixelmatch^5.2.6
@types/pngjs^6.0.5
@use-gesture/react^10.3.1
@xstate/react^4.1.2
@xyflow/react^12.3.0
ag-grid-community^33.0.4
ag-grid-react^33.0.4
ai^4.2.5
analytics^0.8.16
antd^5.21.1
autoprefixer^10.4.20
aws-amplify^6.14.1
axios^1.7.7
basic-ftp^5.0.5
bootstrap^5.3.3
canvas-confetti^1.9.3
chart.js^4.4.4
chartjs-adapter-date-fns^3.0.0
cobe^0.6.3
crypto-js^4.2.0
d3^7.9.0
d3-funnel^2.1.1
date-fns^4.0.0
dexie^4.0.11
dexie-react-hooks^1.1.7
dotted-map^2.2.3
esbuild^0.23.1
esbuild-plugin-alias^0.2.1
esbuild-style-plugin^1.6.3
express^4.19.2
fabric^6.6.1
feather-icons-react^0.9.0
firebase^11.1.0
flowbite-react^0.10.1
focus-trap-react^11.0.1
formik^2.4.6
framer-motion^11.5.4
frimousse^0.2.0
fs^0.0.1-security
fullcalendar^6.1.15
gif.js^0.2.0
google-map-react^2.2.1
gsap^3.12.5
handlebars^4.7.8
html-to-image^1.11.13
html-to-markdown^1.0.0
html5-qrcode^2.3.8
http-status-codes^2.3.0
i18next^24.2.0
i18next-browser-languagedetector^8.0.2
ical.js^2.1.0
jsbarcode^3.11.6
jspdf^2.5.1
jszip^3.10.1
konva^9.3.18
leaflet^1.9.4
libphonenumber-js^1.12.4
lodash^4.17.21
lottie-react^2.4.1
lucide-react0.522.0
matter-js^0.20.0
mermaid^11.4.1
meta-pixel^1.1.0
morgan^1.10.0
nodemon^3.1.0
openai^4.61.1
papaparse^5.4.1
path^0.12.7
qrcode.react^4.2.0
re-resizable^6.10.3
react^18.3.1
react-beautiful-dnd^13.1.1
react-big-calendar^1.14.1
react-bootstrap^2.10.5
react-calendar^5.1.0
react-chartjs-2^5.2.0
react-charts^2.0.0-beta.7
react-circular-progressbar^2.1.0
react-color^2.19.3
react-colorful^5.6.1
react-confetti^6.1.0
react-countup^6.5.3
react-datepicker^7.4.0
react-day-picker^9.3.0
react-dnd^16.0.1
react-dnd-html5-backend^16.0.1
react-dnd-touch-backend^16.0.1
react-dom^18.3.1
react-dropzone^14.2.3
react-easy-crop^5.4.2
react-error-boundary^4.1.2
react-fast-marquee^1.6.5
react-feather^2.0.10
react-force-graph^1.46.0
react-force-graph-2d^1.27.0
react-ga4^2.1.0
react-google-charts^5.2.1
react-grid-heatmap^1.3.0
react-grid-layout^1.4.4
react-helmet^6.1.0
react-helmet-async^2.0.5
react-hook-form^7.53.0
react-hot-toast^2.4.1
react-i18next^15.4.0
react-image-crop^11.0.7
react-input-slider^6.0.1
react-intersection-observer^9.13.1
react-intl^7.1.11
react-joyride^2.9.3
react-json-tree^0.19.0
react-json-view^1.21.3
react-konva^19.0.3
react-leaflet^4.2.1
react-leaflet-heatmap-layer^2.0.0
react-markdown^9.0.1
react-masonry-css^1.0.16
react-minimal-pie-chart^9.1.0
react-motion^0.5.2
react-native-web^0.19.13
react-organizational-chart^2.2.1
react-pageflip^2.0.3
react-pdf^9.2.1
react-phone-number-input^3.4.12
react-player^2.16.0
react-qr-code^2.0.15
react-query^3.39.3
react-quill^2.0.0
react-responsive^10.0.0
react-responsive-masonry^2.3.0
react-router-dom^6.26.2
react-scroll^1.9.3
react-select^5.10.1
react-simple-code-editor^0.14.1
react-simple-maps^3.0.0
react-simple-typewriter^5.0.1
react-sparklines^1.7.0
react-split^2.0.14
react-spring^9.7.4
react-swipeable^7.0.1
react-syntax-highlighter^15.5.0
react-tinder-card^1.6.4
react-to-print^3.0.4
react-toastify^10.0.5
react-tooltip^5.28.0
react-tsparticles^2.12.2
react-type-animation^3.2.0
react-use^17.5.1
react-use-gesture^9.1.3
react-virtual^2.10.4
react-webcam^7.2.0
react-xarrows^2.0.2
react-youtube^10.1.0
react-zoom-pan-pinch^3.6.1
recharts^2.12.7
redoc^2.1.5
redux^5.0.1
redux-thunk^3.1.0
remark-gfm^4.0.0
resend^4.0.0
shadcdn0.0.7
short-uuid^5.2.0
simple-icons^13.16.0
sonner^2.0.1
split-type^0.3.4
styled-components^6.1.13
tailwindcss^3.4.11
three^0.170.0
tippy.js^6.3.7
tone^15.0.4
ts-node^10.9.2
turndown^7.2.0
typescript^5.4.5
typewriter-effect^2.21.0
use-debounce^10.0.4
use-sound^4.0.3
uuid^10.0.0
webpack^5.94.0
xlsx^0.18.5
xstate^5.18.1
yup^1.4.0
zod^3.23.8