Tailwind CSS home page

Showcase

PlanetScale

Screenshot of the PlanetScale home page. The header contains the PlanetScale logo, the main site navigation, and 'Sign in' and 'Get started' buttons. The hero section contains a large page heading and summary paragraph, followed by two buttons side-by-side inviting the user to 'Get started' or 'Schedule demo'.
Technologies
Tailwind CSS, Next.js, React
Date
URL
planetscale.com
Go to website

PlanetScale

Building the future of serverless databases.

PlanetScale offers a MySQL-compatible serverless database platform that is built to scale. The PlanetScale website is a Next.js app built using Tailwind CSS.

Screenshot of the PlanetScale website. The visible section has a large Vitess logo and a large title, 'The power of open source'. The section lists some features of Vitess and has a call-to-action labelled 'Learn more about Vitess'.
Section featuring Vitess, the open-source database that PlanetScale is built on, with a logo cloud of companies using it.
Screenshot of the 'Why use the terminal' section of the PlanetScale website. The section lists reasons to use PlanetScale in three columns. Each reason has a stylized icon and a short description.
Feature section highlighting some of PlanetScale's command-line features.
Mobile screenshot of the PlanetScale website. The visible section has a large Vitess logo and a large title, 'The power of open source'. The section lists some features of Vitess and has a call-to-action labelled 'Learn more about Vitess'.
Mobile screenshot of the PlanetScale home page. The header contains a menu button. The hero section contains a large page heading and summary paragraph, followed by two buttons side-by-side inviting the user to 'Get started' or 'Schedule demo'.
Mobile screenshot of the PlanetScale website footer. The footer contains the PlanetScale logo at the top, then a list of the site's pages in two columns. The pages are grouped into categories such as 'Company' and 'Open Source'. At the bottom of the screen is a row of social media icons and copyright notices in small text.
The PlanetScale website experience on mobile devices.
Screenshot of the PlanetScale documentation home page. The header contains the PlanetScale logo, a search bar, and 'Get started' and 'Sign in' buttons. There is a sidebar with a list of page links on the left side of the page. On the right is the page title followed by an image illustrating a 'step-by-step' guide to getting started with PlanetScale. The steps are listed and numbered one through four. At the bottom of the page are quick links to other documentation pages. The quick links contain small icons and short descriptions.
The PlanetScale documentation website is also built with Tailwind CSS.
Screenshot of the PlanetScale website. The visible section contains a user testimonial. The user's company logo is displayed on the left and their quote is on the right along with their name and avatar. There are arrows on either side of the testimonial indicating that more testimonials are available.
A slider of testimonials featured on the homepage.