By creating a custom visual editing experience with Tina instead of opting for a conventional CMS, developers can give their teams a contextual, intuitive editing experience without sacrificing code quality.

First Steps

Are you new to using Tina to build content management systems? Start with these resources to build your understanding of Tina and what's possible.

• Go through the Getting Started Tutorial.
• Click Edit this Site at the bottom of the page to fork the tinacms.org repository, make changes, and then open a Pull Request!
• Checkout this video of a page builder created with TinaCMS.

Getting Help

Have questions on how to use Tina to build your CMS?

• Visit the Tina Forum to engage with the core team and community.
• Report bugs using GitHub Issues
• FAQ

Constructing The User Interface

Tina lets you choose the user interface that best fits your workflow. You can use one of its default interfaces or construct your own. You can even build editing capabilities directly into your page!

• Learn about the Toolbar and Sidebar UI components.
• Take control of the appearance of your CMS using Custom Styling
• Add features to your CMS using Screen Plugins and Toolbar Widgets.

Tools for Managing Content

Tina gives you the tools you need to manage content from the data source of your choosing. These docs will show you how to craft your ideal content editing experience.

• Editing Content: Creating Forms, Fields, Custom Fields
• Creating Content: Using Content Creators
• Deleting Content: Using Form Actions. (Coming Soon)
• Media Management: Media Stores, Image Fields
• Custom Fields: How to Make a Custom Field Component
• Experimental Inline Editing: Inline Editing, Working with Inline Blocks, Inline Images

Integrating with React Frameworks

Tina is designed to work with just about any React framework. Checkout the Next.js integration guides for inspiration.