.vscode

public

.gitignore

.prettierrc

README.md

eslint.config.ts

index.html

package.json

pnpm-lock.yaml

tailwind.config.ts

tsconfig.json

tsconfig.node.json

vite.config.ts

default

React Official Template

Node.js is a JavaScript-based platform for server-side and networking applications.

node:alpine

This is a template for Vite to create a React application with Typescript, Framer Motion and TailwindCSS.

React is a JavaScript library for building user interfaces, primarily for web applications, using a component-based architecture. It allows developers to create reusable UI components that manage their own state, making it efficient for dynamic content rendering.

React

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It provides static type-checking for identifying and eliminating errors in code during development.

TypeScript

Markdown is a lightweight markup language designed for formatting plain text, using simple syntax for elements like headings, lists, and links. It allows for easy conversion to HTML and improves readability in its raw form.

Markdown

JSON, or JavaScript Object Notation, is a lightweight data interchange format that is easy for humans to read and write, and easy for machines to parse and generate. It uses a key-value pair structure and supports various data types such as strings, numbers, arrays, and nested objects.

JSON

YAML (YAML Ain't Markup Language) is a human-readable data serialization format commonly used for configuration files. It uses indentation to represent data structures and supports lists, maps, and scalars.

YAML

HTML stands for Hypertext Markup Language and is used to create the structure of a web page by defining its elements and content using tags.

HTML

vite react framer starter

Matoz

Web is a system of interconnected documents and resources accessed through the internet. It relies on protocols like HTTP and HTML to enable communication and display of information.

PGRpdiBhbGlnbj0iY2VudGVyIj48aW1nIHNyYyA9ICJodHRwczovL3VzZXItaW1hZ2VzLmdpdGh1YnVzZXJjb250ZW50LmNvbS8zMTQxMzA5My8xOTcwOTc2MjUtNWIzYmQzY2YtMmJkNi00YTNhLTgwNTktYTFmZTlmMjgxMDBiLnN2ZyIgaGVpZ2h0PSIxMDBweCIgYWx0PSJNeSBIYXBweSBTVkciLz48L2Rpdj4KCjxoMiBhbGlnbj0iY2VudGVyIj52aXRlLXJlYWN0LWZyYW1lci1zdGFydGVyPC9oMj4KCjxkaXYgYWxpZ249ImNlbnRlciI+CjxhIGhyZWY9Imh0dHBzOi8vcmVhY3Rqcy5vcmcvIj48aW1hZ2Ugc3JjPSJodHRwczovL2ltZy5zaGllbGRzLmlvL3N0YXRpYy92MT9sYWJlbD1SZWFjdCZtZXNzYWdlPXYxOSZzdHlsZT1mbGF0LXNxdWFyZSZsb2dvPXJlYWN0JmNvbG9yPTYxREFGQiIvPjwvYT4gPGEgaHJlZj0iaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnLyI+PGltYWdlIHNyYz0iaHR0cHM6Ly9pbWcuc2hpZWxkcy5pby9zdGF0aWMvdjE/bGFiZWw9VHlwZVNjcmlwdCZtZXNzYWdlPXY1JnN0eWxlPWZsYXQtc3F1YXJlJmxvZ289dHlwZXNjcmlwdCZjb2xvcj0zMTc4QzYiLz48L2E+IDxhIGhyZWY9Imh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy8iPjxpbWFnZSBzcmM9Imh0dHBzOi8vaW1nLnNoaWVsZHMuaW8vc3RhdGljL3YxP2xhYmVsPVRhaWx3aW5kJTIwQ1NTJm1lc3NhZ2U9djQmc3R5bGU9ZmxhdC1zcXVhcmUmbG9nbz10YWlsd2luZGNzcyZjb2xvcj0wNkI2RDQiLz48L2E+IDxhIGhyZWY9Imh0dHBzOi8vY24udml0ZWpzLmRldi8iPjxpbWFnZSBzcmM9Imh0dHBzOi8vaW1nLnNoaWVsZHMuaW8vc3RhdGljL3YxP2xhYmVsPVZpdGUmbWVzc2FnZT12NyZzdHlsZT1mbGF0LXNxdWFyZSZsb2dvPXZpdGUmY29sb3I9MDBjY2IxIi8+IDxhIGhyZWY9Imh0dHBzOi8vY24udml0ZWpzLmRldi8iPjxpbWFnZSBzcmM9Imh0dHBzOi8vaW1nLnNoaWVsZHMuaW8vc3RhdGljL3YxP2xhYmVsPUZyYW1lciZtZXNzYWdlPXYxMiZzdHlsZT1mbGF0LXNxdWFyZSZsb2dvPWZyYW1lciZjb2xvcj1mZjU3YzgiLz48L2E+CjwvZGl2PgoKIyMgSW50cm9kdWN0aW9uCgpBIHN0YXJ0ZXIgW1ZpdGVdKGh0dHBzOi8vdml0ZWpzLmRldi8pIHRlbXBsYXRlIGhhdmluZzoKCi0gUmVhY3QKLSBUeXBlU2NyaXB0Ci0gVml0ZQotIFRhaWx3aW5kIENTUwotIEZyYW1lciBNb3Rpb24KCmFuZCBzb21lIGVsZWdhbnQgZnJhbWVyIG1vdGlvbiBbZXhhbXBsZXMgY29tcG9uZW50c10oaHR0cHM6Ly9naXRodWIuY29tL21hdG96ei92aXRlLXJlYWN0LWZyYW1lci1zdGFydGVyL3RyZWUvbWFpbi9zcmMvY29tcG9uZW50cykKCiMjIEluc3RhbGwKCj4gVGhpcyBwcm9qZWN0IHVzZXMgW25vZGVdKGh0dHA6Ly9ub2RlanMub3JnKSBhbmQgYSBwYWNrYWdlIG1hbmFnZXIgKFtucG1dKGh0dHBzOi8vbnBtanMuY29tKSwgW3lhcm5dKGh0dHBzOi8veWFybnBrZy5jb20vKSBvciBbcG5wbV0oaHR0cHM6Ly9wbnBtLmlvLykpLiBHbyBjaGVjayB0aGVtIG91dCBpZiB5b3UgZG9uJ3QgaGF2ZSB0aGVtIGxvY2FsbHkgaW5zdGFsbGVkLgoKVGhlbiB5b3UgbmVlZCBhIGNvcHkgb2YgdGhpcyByZXBvc2l0b3J5LiBZb3UgY2FuIFtkb3dubG9hZF0oaHR0cHM6Ly9naXRodWIuY29tL21hdG96ei92aXRlLXJlYWN0LWZyYW1lci1zdGFydGVyKSBhIGNvcHkgYXMgemlwIGJ1dCBbZGVnaXRdKGh0dHBzOi8vZ2l0aHViLmNvbS9SaWNoLUhhcnJpcy9kZWdpdCkgaXMgcmVjb21tZW5kZWQuCgpBZnRlciB5b3UgaW5zdGFsbGVkIGRlZ2l0LCBwbGVhc2UgZXhjdXRlIHRoZSBmb2xsb3dpbmcgY29tbWFuZGQ6CgpgYGBzaAokIGNkIHBhdGgtdG8tc2F2ZS15b3VyLXByb2plY3QKJCBkZWdpdCBtYXRvenovdml0ZS1yZWFjdC1mcmFtZXItc3RhcnRlciB5b3VyLXByb2plY3QtbmFtZQpgYGAKCkFmdGVyIGdldHRpbmcgYSBjb3B5IG9mIHRoaXMgcmVwb3NpdG9yeSwgeW91IGNhbiB1c2UgeW91ciBwYWNrYWdlIG1hbmFnZXIgdG8gaW5zdGFsbCBkZXBlbmRlY2llczoKCmBgYHNoCiQgY2QgcGF0aC10by15b3VyLXByb2plY3QKJCBwbnBtIGluc3RhbGwKCiMgbnBtIGluc3RhbGwKIyB5YXJuIGluc3RhbGwKYGBgCgojIyBVc2FnZQoKTGV0J3MgcnVuIQoKYGBgc2gKJCBwbnBtIHJ1biBkZXYKCiMgbnBtIHJ1biBkZXYKIyB5YXJuIHJ1biBkZXYKYGBgCgo+IFdlJ3ZlIGFscmVhZHkgaW1wbGVtZW50ZWQgc29tZSByZWNvbW1lbmRlZCBjb25maWd1cmF0aW9ucyBpbiBgLmVzbGludHJjYCwgYC5lc2xpbnRpZ25vcmVgIGFuZCBgLnByZXR0aWVycmNgLiBGZWVsIGZyZWUgdG8gZWRpdCB0aGVtIGlmIHlvdSBoYXZlIHlvdXIgb3duIHByZWZlcmVuY2VzLgoKIyMgUmVsYXRlZCBFZmZvcnRzCgotIFtWaXRlXShodHRwczovL2dpdGh1Yi5jb20vdml0ZWpzL3ZpdGUpCi0gW1RhaWx3aW5kIENTU10oaHR0cHM6Ly9naXRodWIuY29tL3RhaWx3aW5kbGFicy90YWlsd2luZGNzcykKLSBbRnJhbWVyIE1vdGlvbl0oaHR0cHM6Ly9naXRodWIuY29tL2ZyYW1lci9tb3Rpb24pCgojIyBSZWxhdGVkIERvY3MKCi0gW1ZpdGVdKGh0dHBzOi8vdml0ZWpzLmRldi9ndWlkZS8pCi0gW1RhaWx3aW5kIENTU10oaHR0cHM6Ly90YWlsd2luZGNzcy5jb20vZG9jcy9pbnN0YWxsYXRpb24pCi0gW0ZyYW1lciBNb3Rpb25dKGh0dHBzOi8vd3d3LmZyYW1lci5jb20vbW90aW9uLykKCiMjIENvbnRyaWJ1dGluZwoKRmVlbCBmcmVlIHRvIGRpdmUgaW4hIFtPcGVuIGFuIGlzc3VlXShodHRwczovL2dpdGh1Yi5jb20vbWF0b3p6L3ZpdGUtcmVhY3QtZnJhbWVyLXN0YXJ0ZXIpIG9yIHN1Ym1pdCBQUnMuCgojIyBMaWNlbnNlCgpbTUlUXShMSUNFTlNFKSDCqSBNYXRvego=

Tailwind CSS is a utility-first CSS framework that allows developers to create custom designs rapidly by using pre-defined classes directly in the HTML markup. It promotes a more efficient workflow by minimizing the need for writing custom CSS while enabling highly customizable UI components.

Tailwind

ESLint is a linting utility for JavaScript and TypeScript that analyzes code to identify and fix potential problems and enforce coding standards. It allows for customizable rules and integrates easily with various development environments.

vite react framer starter

Elevate your web apps with a sleek combo of React, TypeScript, and animations.

Versions

Versions