Skip to content

Explore various styling methods for React components, including inline styles, CSS stylesheets, CSS modules, styled components, and Emotion, along with integration of Tailwind CSS for modern styling approaches.

Notifications You must be signed in to change notification settings

trishna456/styling-react-app

Repository files navigation

React Styling Showcase

Welcome to the React Styling Showcase! This project demonstrates various styling methods for React components, including:

  • Inline Styles
  • CSS Stylesheets
  • CSS Modules
  • Styled Components
  • Emotion
  • Tailwind CSS

In addition to showcasing these styling methods, Tailwind CSS is also integrated for a comprehensive exploration of modern styling techniques in React applications.

Getting Started

Getting Started

To get started with the React Styling Showcase, follow these steps:

  1. Clone the repository:

    git clone https://github.com/trishna456/stylingReact.git
  2. Navigate to the project directory:

     cd stylingReact
  3. Install dependencies:

npm install
  1. Start the development server:
npm run dev
  1. Open your web browser and navigate to http://localhost:3000 to view the application.

About

Explore various styling methods for React components, including inline styles, CSS stylesheets, CSS modules, styled components, and Emotion, along with integration of Tailwind CSS for modern styling approaches.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published