10 Best Gatsby UI Libraries

List hand-picked by Openbase Experts
Learn More

gatsby-image

Build blazing fast, modern apps and websites with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.3/ 5
12
Top Feedback
10Easy to Use
9Performant
7Great Documentation
GitHub Stars
52K
Weekly Downloads
161K
Last Commit
8d ago
gbi

gatsby-background-image

Lazy-loading React (multi)background-image component with optional support for the blur-up effect.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
259
Weekly Downloads
29K
Last Commit
2mos ago

gatsby-remark-prismjs

Build blazing fast, modern apps and websites with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
52K
Weekly Downloads
33K
Last Commit
8d ago

gatsby-remark-smartypants

Build blazing fast, modern apps and websites with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
52K
Weekly Downloads
22K
Last Commit
8d ago

gatsby-plugin-typography

Build blazing fast, modern apps and websites with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
52K
Weekly Downloads
12K
Last Commit
8d ago

gatsby-plugin-preload-fonts

Build blazing fast, modern apps and websites with React

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
52K
Weekly Downloads
5K
Last Commit
8d ago
gig

@browniebroke/gatsby-image-gallery

Very basic gallery grid based on gatsby-image

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
95
Weekly Downloads
537
Last Commit
7d ago
ruh

@aaronhayes/react-use-hubspot-form

Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
28
Weekly Downloads
5K
Last Commit
2mos ago
gps

gatsby-plugin-sanity-image

Gatsby plugin providing easy responsive behavior for Sanity-hosted images

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
31
Weekly Downloads
1K
Last Commit
1mo ago
gre

gatsby-remark-embed-video

An easy way to display videos in Markdown For Gatsby.JS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
37
Weekly Downloads
4K
Last Commit
2mos ago
gbi

gatsby-background-image-es5

Lazy-loading React (multi)background-image component with optional support for the blur-up effect.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
259
Weekly Downloads
225
Last Commit
2mos ago

gatsby-remark-highlight-code

Adds stylish cards and syntax highlighting to code blocks in markdown files

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
47
Weekly Downloads
933
Last Commit
25d ago

gatsby-awesome-pagination

An opinionated, more awesome approach to pagination in Gatsby

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
106
Weekly Downloads
4K
Last Commit
8mos ago
gpp

gatsby-plugin-page-progress

A progress bar for Gatsby pages πŸ’œ

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
757
Last Commit
4mos ago
grv

gatsby-remark-vscode

Gatsby plugin to provide VS Code’s syntax highlighting to Markdown code fences

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
267
Weekly Downloads
671
Last Commit
5mos ago
gpa

gatsby-plugin-advanced-pages

Gatsby plugin that allows easy creation of pages with dynamic features like pagination and custom routing.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
4
Last Commit
4mos ago
grp

gatsby-rehype-prismjs

A Gatsby theme to build flaring fast blogs from headless Ghost CMS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
125
Weekly Downloads
19
Last Commit
1mo ago
gi

gatsby-interface

Component library for Gatsby projects

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
29K
Last Commit
N/A
ggc

gatsby-gravityforms-component

A component to take gatsby-source-gravityforms query data and return usable components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
26
Weekly Downloads
74
Last Commit
20d ago
gps

gatsby-plugin-smoothscroll

Polyfilled smoothscroll behavior and helper function for gatsby sites

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
9K
Last Commit
1yr ago

gatsby-plugin-favicon

Favicon Gatsby plugin

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
177
Weekly Downloads
7K
Last Commit
3yrs ago
grg

gatsby-remark-graph

Make nice graphs in your markdown files in gatsbyjs, using mermaid

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
45
Weekly Downloads
77
Last Commit
7mos ago
sag

storybook-addon-gatsby

Storybook addon used to load stories built with Gatsby

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2K
Last Commit
N/A
grm

gatsby-remark-mermaid

Add pretty graphs using mermaid and server-side rendering.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
2K
Last Commit
1yr ago
gpd

gatsby-plugin-drupal-menus

Adds support for nested hierarchical menus from Drupal 8/9 in Gatsby.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
13
Last Commit
6mos ago
gre

gatsby-remark-embed-youtube

Embed Youtube Videos in Gatsby via Markdown

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
12
Weekly Downloads
1K
Last Commit
4yrs ago

@stackbit/gatsby-plugin-menus

Gatsby plugin for site menus

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
864
Last Commit
2yrs ago
grl

gatsby-remark-lazy-load

This plugin lazy loads image processed by gatsby-remark-im ages plugin

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
816
Last Commit
2yrs ago
grv

gatsby-remark-videos

Embed html5 style looping videos in your Gatsby site.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
11
Weekly Downloads
28
Last Commit
4mos ago
gtc

gatsby-theme-contact

Contact page for Gatsby which comes with Netlify Forms by default.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
6
Last Commit
6mos ago
gp

gatsby-paginate

A simple library for paginating posts in Gatsby js.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
124
Weekly Downloads
267
Last Commit
7mos ago
gtc

gatsby-theme-cloudinary-gallery

Gatsby Theme to add a Cloudinary Image Gallery to your Gatsby site.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
1
Last Commit
5mos ago
gpp

gatsby-plugin-paginated-collection

Gatsby plugin which paginates a collection of data from your sources

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
116
Last Commit
N/A

gatsby-pagination

Gatsby utility that generates pages with pagination

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
33
Weekly Downloads
103
Last Commit
4yrs ago
grc

gatsby-remark-codemirror

CodeMirror syntax highlighting plugin for Remark and Gatsby

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
2mos ago
gsh

gatsby-syntax-highlights-dracula

Dracula Theme Code Buttons πŸ¦‡

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
96
Last Commit
3yrs ago
gpd

gatsby-prismjs-dracula

Dracula PrismJS Theme πŸ¦‡

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
94
Last Commit
2yrs ago

@pittica/gatsby-plugin-canvas-animations

Canvas animations collection for GatsbyJS.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
4
Last Commit
1mo ago
gri

gatsby-remark-images-native-lazy-load

This is a plugin to add loading='lazy|eager|auto' property to image tag generated by gatsby-transformer-remark

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
91
Last Commit
N/A
gv

gatsby-video

A video component that consumes gatsby-transformer-ffmpeg transcoded video

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
91
Last Commit
2yrs ago
grb

gatsby-remark-better-embed-video

πŸ“Ί Embed Videos (Youtube, Vimeo, VideoPress) in Gatsby via Markdown with better options.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
85
Last Commit
3yrs ago
gsw

gatsby-source-wordpress-menus

a gatsby source plugin to fetch menus via wordpress rest api supporting WPML

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
77
Last Commit
1yr ago
pon

prism-oceanic-next

Oceanic Next syntax highlighting theme for Prism and Gatsby

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
58
Last Commit
4yrs ago
grh

gatsby-remark-highlights

Adds syntax highlighting to code blocks in markdown files using Atom highlights

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
56
Last Commit
3yrs ago
gpc

gatsby-plugin-charts-css

A Gatsby Plugin that wraps the Charts.css project for easy use in Gatsby

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
8mos ago
gre

gatsby-remark-embed-video-lite

Embed a Youtube Video in your Markdown using high-performance web components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
24
Last Commit
1yr ago
grl

gatsby-react-lightweight-charts

A simple react wrapper for the tradingview lightweight charts module

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
23
Last Commit
N/A
gri

gatsby-remark-images-grid

Use css grid layouts in markdown

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
18
Last Commit
1yr ago
gpl

gatsby-prismic-lazy-load

This plugin lazy loads image processed by gatsby-tranformer-prismic plugin

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
18
Last Commit
N/A
gtg

gatsby-theme-gallery

🏞 A Gatsby Theme for adding a gallery to your site.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
39
Weekly Downloads
17
Last Commit
2yrs ago