Websites for you and your projects.

Hosted directly from your GitHub repository. Just edit, push, and your changes are live.

Pages Help

Bootstrap

Yeoman

Facebook Design

Foundation

GitHub Training

Adobe Open Source

Jekyll

Electron

Semantic UI

Microsoft on GitHub

Ready to get started? Build your own site from scratch or generate one for your project.

You get one site per GitHub account and organization,
and unlimited project sites. Let‘s get started.

React
Angular
Vue
Web Components

Clone the Boilerplate

The boilerplate easy starting point to setup base UI with Storybook, Server with SSR and State Mangement with REST proxy
Analyse your Mocks

Go to the state folder, create todo folder and create todo.initial.js

Understanding Site Scaffolding

Evaluate Actionable Events

Streamline Loading Instances
Clone the repository

Click the "Set up in Desktop" button. When the GitHub desktop app opens, save the project.

If the app doesn't open, launch it and clone the repository from the app.
Clone the repository

After finishing the installation, head back to GitHub.com and refresh the page. Click the "Set up in Desktop" button. When the GitHub desktop app opens, save the project.

If the app doesn't open, launch it and clone the repository from the app.
Build your UI

Go to the state folder, create todo folder and create todo.initial.js

Build UI organism around Scaffolding

Check interactiveness and Responsiveness on Storybook

Define Events props for state operation and actions
Build State and Connect to UI

Go to the state folder, create todo folder and create todo.initial.js

Use Site Scaffolding for initial state

Define Selectors and actions as per CRUD

Connect you Organism to your operation within your Container
Repeat the process with each organism

One to One relationship with organism and reducer / state operation allows easy work distribution on a large application enabling developers to work parallelly and independently.
- Parallel Development of UI and State
- Easy allocation of page sections to developers
- Improved Performance based organism loading using containers

Push it

Add, commit, and push your changes:

~ $git add --all

~ $git commit -m "Initial commit"

~ $git push -u origin main
Commit & publish

Enter the repository, commit your changes, and press the publish button.
…and you're done!

Fire up a browser and go to https:// username.github.io .

Use a theme, or start from scratch?

You have the option to start with one of the pre-built themes,
or to create a site from scratch.
- Choose a theme
- Start from scratch
Repository Settings

Head over to GitHub.com and create a new repository, or go to an existing one.
Click on the Settings tab.
Theme chooser

Scroll down to the GitHub Pages section. Press Choose a theme.
Pick a theme

Choose one of the themes from the carousel at the top.
When you're done, click Select theme on the right.
Edit content

Use the editor to add content to your site.
Commit

Enter a commit comment and click on Commit changes below the editor.
Create an index file

Head over to GitHub.com and create a new repository , or go to an existing one.
Click on the Create new file button.
Hello World

Name the file index.html and type some HTML content into the editor.
Commit the file

Scroll to the bottom of the page, write a commit message, and commit the new file.
Repository Settings

Click on the Settings tab and scroll down to the GitHub Pages section.
Then select the main branch source and click on the Save button.
…and you're done!

Fire up a browser and go to http:// username.github.io/ repository .

Use a theme, or start from scratch?

You have the option to start with one of the pre-built themes,
or to create a site from scratch.
- Choose a theme
- Start from scratch
Repository Settings

Head over to GitHub.com and create a new repository, or go to an existing one.
Click on the Settings tab.
Theme chooser

Scroll down to the GitHub Pages section. Press Choose a theme.
Pick a theme

Choose one of the themes from the carousel at the top.
When you're done, click Select theme on the right.
Edit content

Use the editor to add content to your site.
Commit

Enter a commit comment and click on Commit changes below the editor.
Create an index file

Head over to GitHub.com and create a new repository , or go to an existing one.
Click on the Create new file button.
Hello World

Name the file index.html and type some HTML content into the editor.
Commit the file

Scroll to the bottom of the page, write a commit message, and commit the new file.
Repository Settings

Click on the Settings tab and scroll down to the GitHub Pages section.
Then select the main branch source and click on the Save button.
…and you're done!

Fire up a browser and go to http:// username.github.io/ repository .

Use a theme, or start from scratch?

You have the option to start with one of the pre-built themes,
or to create a site from scratch.
- Choose a theme
- Start from scratch
Repository Settings

Head over to GitHub.com and create a new repository, or go to an existing one.
Click on the Settings tab.
Theme chooser

Scroll down to the GitHub Pages section. Press Choose a theme.
Pick a theme

Choose one of the themes from the carousel at the top.
When you're done, click Select theme on the right.
Edit content

Use the editor to add content to your site.
Commit

Enter a commit comment and click on Commit changes below the editor.
Create an index file

Head over to GitHub.com and create a new repository , or go to an existing one.
Click on the Create new file button.
Hello World

Name the file index.html and type some HTML content into the editor.
Commit the file

Scroll to the bottom of the page, write a commit message, and commit the new file.
Repository Settings

Click on the Settings tab and scroll down to the GitHub Pages section.
Then select the main branch source and click on the Save button.
…and you're done!

Fire up a browser and go to http:// username.github.io/ repository .

Now that you’re up and running, here are a few things you should know.

Blogging with Jekyll

Using Jekyll, you can blog using beautiful Markdown syntax, and without having to deal with any databases. Learn how to set up Jekyll.
Custom URLs

Want to use your own custom domain for a GitHub Pages site? Just create a file named CNAME and include your URL. Read more.
Guides

Learn how to create custom 404 pages, use submodules, and learn more about GitHub Pages.