Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

JSX (JavaScript XML)

JSX is an XML-like syntax extension to ECMAScript without any defined semantics that allows creation of DOM trees. Being a syntactic sugar, JSX is generally transpiled into nested JavaScript function calls structurally similar to the original JSX.

https://github.com/chris-aqui/clicky-game

uoft code bootcamp week19 - Homework

css3 javascript jsx reactjs

Last synced: 18 Oct 2024

https://github.com/ayanrv/filmsearcher

Film Searcher Management App (using imdb API and React)

api babel jsx react react-router reactjs redux redux-toolkit

Last synced: 11 Oct 2024

https://github.com/losefor/ogen

Generator open graph on the server with ExpressJs and ReactJs using rollupJs

express jsx open-graph open-graph-generator react rollup server

Last synced: 23 Oct 2024

https://github.com/dipeshduwal/cv-application

In this react project, a small application is created where users can input their information and generate a CV/résumé.

conditional-rendering css javascript jsx react state-management vite

Last synced: 10 Oct 2024

https://github.com/piterweb/reverui

< 3kb React Alternative that works on top lf Vite

javascript jsx jsx-elements jsx-renderer jsx-syntax preact react reverui signals typescript ui-library

Last synced: 10 Oct 2024

https://github.com/krzysztofryszawy/react_calories

App for calculating daily intake&burn calories {React.js JSX CSSModules + JSS Material-UI}

cssmodules jss jsx material-ui react

Last synced: 07 Nov 2024

https://github.com/durgaprasad-04/online-grocery-store-web-application

Online Grocery Store is a E-commerce Web Application developed using the MERN Stack.

express-js html-css javascript jsx mongodb node-js reactjs tailwind-css

Last synced: 10 Oct 2024

https://github.com/lucky-kashyap/e-commerce-web-app

E-Commerce Web Application with Products section, category section and its individual pages

api css error-handling jsx react-router-dom reactjs

Last synced: 07 Nov 2024

https://github.com/ubermanu/jhj

🦒 A CLI that parses and serves JSX files

cli jsx nodejs parser render serve

Last synced: 19 Oct 2024

https://github.com/mddanish00/react-utterances-client

Another React component for using Utterances 🔮 on your website!

jsx react utterances vite

Last synced: 15 Oct 2024

https://github.com/brokeboiflex/jar-preact

JAR - a JSX Abstract Router

jsx preact react router

Last synced: 09 Oct 2024

https://github.com/chetannada/firstreactapp

This is my first react app. I have used an avatar API so viewer can change an illustrated Avatar of Developers by clicking on avatar.

api css3 html5 javascript jsx reactjs

Last synced: 15 Oct 2024

https://github.com/devhelpr/jsx-vanilla-dom

Basic jsx support for vanilla DOM typescript projects

dom-manipulation jsx typescript web-components

Last synced: 15 Oct 2024

https://github.com/mahammad-mostafa/rank-math-wallet

That is a test project done for Rank Math. It is a simple crypto wallet page built using React & Sass.

css-flexbox css-modules css3 dark-theme es6-javascript eslint jsx light-theme react react-components reactjs responsive-layout sass state-management stylelint-scss webhint

Last synced: 15 Oct 2024

https://github.com/joaoplgaspar/studies-timing

Defina tarefas e o tempo para conclui-las, com um formulário, lista e cronometro funcional.

css cssmodules html javascript js jsx organization react reactjs reactts sass scss studies ts tsx typescript vitrinedev

Last synced: 15 Oct 2024

https://github.com/krzysztofryszawy/react_travel_weather

App weather forecast for multi cities. Usage of OpenWeatherMap API by axios, additional data stored in local storage. {React.js, CSSModules, axios + local storage}

api axios css-modules jsx react

Last synced: 07 Nov 2024

https://github.com/krzysztofryszawy/react_starwarsflirt

sample usage of StarWars API (React.js, CSSModules, axios{Multiple concurrent requests}, Composition model)

axios css-modules firebase jsx react-components reactjs

Last synced: 07 Nov 2024

https://github.com/tinchoz49/eslint-config-standard-ext

An extended standard eslint configuration.

astro eslint jsx react standard

Last synced: 22 Oct 2024

https://github.com/katelim215/goit-react-hw-01-components

React Homework 1 Live Page

components css-modules jsx

Last synced: 15 Oct 2024

https://github.com/dauntlessdev/styled-component

scss practice

css jsx react scss

Last synced: 27 Oct 2024

https://github.com/tush-tr/react-practices

Introduction to React.js and some practice projects in React.js

html javascript javascript-es6 jsx nodejs react react-components reactjs

Last synced: 20 Oct 2024

https://github.com/mdbootstrap/react-slider

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap react-slider

Last synced: 12 Oct 2024

https://github.com/mdbootstrap/react-labels

Responsive React Labels built with Bootstrap 5. Badge Labels are for counters, categories & tags. Floating labels refer to forms, and slider labels to the range.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react-badges react-bootstrap react-input react-range reactjs

Last synced: 21 Oct 2024

https://github.com/atish28kumar03sahu2001/nextjs-web-dev-app-01

TrendScribe Blog App is a dynamic blogging platform built with Next.js 14, designed to offer a seamless user experience for both readers and writers. The app features a sleek, responsive design, allowing users to easily browse and publish blog posts.

apiroute blogapp css javascript jsx mongodb mongoose nextjs14 responsive-web-design serveractions

Last synced: 13 Oct 2024

https://github.com/giulic3/giulic3.github.io

My serious not so serious personal website

css gatsbyjs github-pages html javascript jsx reactjs

Last synced: 05 Nov 2024

https://github.com/parin-prog/netflix-clone

It's a Netflix clone that I built using ReactJS, JavaScript, Bootstrap5 and TMDB API. It has a sleek and modern user interface that mimics Netflix, but with some interesting changes. You can explore movies and web series from different genres and interact with them using the Netflix UI. It's a fun and easy way to discover new content and enjoy.

axios-react bootstrap5 css firebase javascript jsx reactjs redux tmdb-api

Last synced: 07 Nov 2024

https://github.com/hassaanjbaig-code/spacex

https://github.com/Hassaanjbaig-code/SpaceX

css jsx react redux-toolkit

Last synced: 21 Oct 2024

https://github.com/passioninfinite/reactnd-myreads

MyReads Project of React Nanodegree.

javascript jsx react

Last synced: 11 Oct 2024

https://github.com/wasifbaliyan/coda-frontend-task

I have created this task for the Coda Superhero Frontend Hiring challenge

css3 fetch jsx react-hooks react-router-dom reactjs

Last synced: 11 Oct 2024

https://github.com/andrewjbateman/next-bootstrap-portfolio

:clipboard: Next.js app using Bootswatch styling to present portfolio information

api bootstrap5 bootswatch-theme css3 hmtl5 jsx next12 nextjs react ssr

Last synced: 07 Nov 2024

https://github.com/rogeriopvl/if.jsx

🤔 Simple if condition helper for JSX

conditional-statements if jsx react

Last synced: 23 Oct 2024

https://github.com/janumedia/react-basic-with-minimal-setup

React basic with minimal setup without using 'create-react-app'

babeljs es2015 es6 jsx pure-function pure-function-compo reactjs scss webpack

Last synced: 11 Oct 2024

https://github.com/arzoka/svg-component-package

Package that returns certain SVGs as React components

javascript javascript-library js jsx npm-package progress-bar svg ts tsx typescript

Last synced: 12 Oct 2024

https://github.com/rudolfolah/emacs-flow-jsx

Emacs mode for handling JavaScript that uses Flow type annotations and has some React JSX syntax in it.

emacs emacs-lisp emacs-package flow jsx

Last synced: 22 Oct 2024

https://github.com/csabbah/next-ts-tiktokclone

TikTok clone is a social media app that lets users explore and discover content and profiles. Users can log in with Google Authorization, like, comment, and upload posts. It's optimized for desktop and mobile, uses Sanity for data persistence, and built with TypeScript for a great user experience.

axios css googleauth html javascript jsx jwt-decode nextjs nodejs react react-icons sanity tsx typescript vercel zustand

Last synced: 24 Oct 2024

https://github.com/cristianv0117/over-app-front

FRONT OVER APP NEXT JS AND TYPESCRIPT

bootstrap5 css3 html jsonwebtoken jsx nextjs reactjs spa typescript

Last synced: 11 Oct 2024

https://github.com/patryk-majchrzak/personal_homepage

Personal homepage which lists set of my technical skills and what I would like to learn in the future. It can be treated as an addition to my CV. Check it out!

api i18next javascript jsx react-i18next reactjs redux redux-saga redux-toolkit styled-components

Last synced: 14 Oct 2024

https://github.com/mahammad-mostafa/retink-home-page

Responsive home page for Retink media using ReactJS with Hooks. Implemented some css animations and hovering interactions.

css-flexbox css-grid css3 hooks html html-css-javascript html5 javascript js jsx react react-hooks reactjs responsive-layout

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/hello-react-front-end

This is the third project in the full stack capstone of the Microverse program. It is an exercise for using React & Redux as a frontend for a simple page app.

es6-javascript eslint frontend-web gitflow-workflow jsx microverse microverse-projects microverse-students react-hooks react-redux react-router react-router-dom reactjs redux redux-thunk redux-toolkit responsive-layout stylelint webpack

Last synced: 18 Oct 2024

https://github.com/emilyjspencer/react-practice

Playing with React

javascript jsx react

Last synced: 27 Oct 2024

https://github.com/kenza15a/p12_dashboard

Projet 12 openclassrooms parcours développeur frontend

api axios css jsdoc jsx react recharts recharts-library

Last synced: 06 Nov 2024

https://github.com/dalisoft/biome-rs-npm

A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP

css formatter javascript json jsx linter static-code-analysis typescript web

Last synced: 29 Oct 2024

https://github.com/mdbootstrap/react-dropdown-button

Responsive React Dropdown Button built with Bootstrap 5. Dropdown can be created with the use of a button or link elements.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap react-dropdown reactjs

Last synced: 31 Oct 2024

https://github.com/vaibhavdixit09/taskmanagemnetfrontend

TaskMaster Pro - Advanced Task Management System with Google Authentication

cron cryptography css3 expressjs javascript jsx mongodb nodejs passportjs reactjs

Last synced: 11 Oct 2024

https://github.com/adityaghode92/movie-recommendation-app

Movie Recommendation System based on TMDB API

jsx reactjs reduxjs reduxjs-toolkit tailwindcss

Last synced: 11 Oct 2024

https://github.com/justinvdm/unroll-element

unroll react elements using your own host element resolver

element jsx react resolve unroll

Last synced: 27 Oct 2024

https://github.com/abhishekgurjar-in/fylo-cloud-storage

The Fylo frontend website showcases a sleek and user-centric design, emphasizing simplicity and ease of use for cloud storage and file management. This frontend is crafted to offer an engaging and intuitive user experience, providing essential functionalities such as file upload, sharing.

css fylo-data-storage fylo-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/soorajvp/basic-next.js

Basic Nextjs Application for learing the routing mechanics, rendering techniques with server side rendering .

ap clientside-rendering jsx nexjs server-side-rendering tailwindcss

Last synced: 11 Oct 2024

https://github.com/techycode-01/passwordgenerator

This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.

jsx react tailwindcss

Last synced: 11 Oct 2024

https://github.com/danrayss/react-foundation-ulbi

Практика по курсу "React JS фундаментальный курс от А до Я".

jsx react

Last synced: 11 Oct 2024

https://github.com/manisha-digihost/best-rate-website

Best Rate Website (React Project)

jsx reactjs scss

Last synced: 29 Oct 2024

https://github.com/oscararismendi/twitter-follow-card

A simple React application that displays a list of Twitter-like follow cards.

css3 jsx react

Last synced: 11 Oct 2024

https://github.com/neelakandanv/mycrm-fe

MyCrm - A Simple and Secure CRM App with tokenized requests and role based authorizations.

axios css3 font-awesome formik git github html5 javascript jsx material-ui netlify react-bootstrap reactjs reactrouterv6 vite yup

Last synced: 11 Oct 2024

https://github.com/huntermahmud/gadgetzone-client

This is job task of Programming Hero batch 9.

jsx reactjs tailwindcss vite

Last synced: 11 Oct 2024

https://github.com/madhukarbaikana/registrationform-reactjs-react-routers

This is a sample Registration Form developed using react concepts.

babel html jsx react-router reactjs

Last synced: 02 Nov 2024

https://github.com/mahfuzhasan2003/career-hub

Career Hub - with fully responsive and local storage data storing feature.

axios-react javascript jsx localstorage react-toastify reacthook reactjs reactrouter

Last synced: 03 Nov 2024

https://github.com/sohanemon/astro-template

Astro Template with Framer motion | Animation

astro framer-motion jsx shadcn-ui tailwindcss typescript

Last synced: 03 Nov 2024

https://github.com/amandange/monsters-rolodex

Monsters-Rolodex

css jsx reactjs

Last synced: 11 Oct 2024

https://github.com/gowthamselvaraj123/reactapp-basic

This ReactJS application was created by following a course on Udemy. It serves as a basic introduction to the fundamental concepts of React, such as components, JSX, state, and props.

html js jsx react reactjs

Last synced: 11 Oct 2024

https://github.com/dikshant441/profile.fyi_assignment

A small e-commerce like project with product listing, cart management (add/remove items, adjust quantities), and a checkout feature. Users can view their cart, see item details, and proceed to checkout.

framer-motion git javascript jsx netlify-deployment react-router-dom reactjs redux tailwindcss

Last synced: 03 Nov 2024

https://github.com/ansub/monster-rolodex

My First React App!

css html js jsx react

Last synced: 03 Nov 2024

https://github.com/balamurugan-annadurai/react-shopping-cart-redux

About A responsive shopping website built with React.js, featuring dynamic product management and an interactive shopping cart. Users can add, remove, and update product quantities, with real-time updates on total price and stock availability

css3 html5 javascript jsx react

Last synced: 11 Oct 2024

https://github.com/rajdip019/meme-media-front-end

This is a Web App only for Memes. Find new memes and also generate your own meme. Download memes and share your Own Memes!

api jsx memes next-auth nextjs reddit-api tailwindcss typescript

Last synced: 03 Nov 2024

https://github.com/mahammad-mostafa/hello-rails-react

This is the first project in the full stack capstone module of the Microverse program. It is an exercise for using Rails with React through jsbundling-rails gem & WebPack.

api babel es6-javascript eslint gitflow-workflow jsbundling-rails jsx microverse microverse-projects microverse-students postgresql rails-api react-redux react-router reactjs redux-toolkit rubocop ruby-on-rails stylelint webpack

Last synced: 18 Oct 2024

https://github.com/mleftwich/setlist

MERN app to showcase local performances

graphql jsx material-ui mern-stack nodejs nosql react

Last synced: 06 Nov 2024

https://github.com/lastnamearya/react-voting-app

Product Hunt clone built in React.js - Fullstack.io

babel create-react-app es6 javascript jsx react react-component

Last synced: 04 Nov 2024

https://github.com/guptamudit/e-learn

Learning Management Platform. This E-Learn Platform is based on NextJs. The Authentication is provided by Clerk Authentication and backend cloud storage and schemas is provided by HyGraph, a platform where GraphQl queries helps in importing databases and perform operations on them.

clerkauth graphql hygraph java jsx lucide-react nextjs react tailwindcss

Last synced: 11 Oct 2024

https://github.com/saicharanuvaraj/codecraft2024

A website created by team work for an hackathon event conducted in college using vite powered reactjs and tailwindcss

css3 html5 javascript jsx reactjs tailwindcss vite

Last synced: 28 Sep 2024

https://github.com/muhammadsalmankhan333/reactcart_layout

I have created this Add to Cart Layout in which price will be calculated according to the image size and we also giving the discount which will be applied on the original Price. And the Discounted Price will be shown Dynamically. Add , Edit and Delete Product Functionality are added.

css javascript jsx react

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/social-media-theme-switcher

This theme switcher project allows users to toggle between light and dark themes on a social media-like interface. The application switches the colors of the entire user interface, including the background, text, and button colors, based on the selected theme.

css javascript jsx react social-media-dashboard social-media-theme-switcher web-development

Last synced: 11 Oct 2024

https://github.com/faresbrayek2/github-login-vitejs

This repository features a visually appealing and functional Github-style login page created with ViteJS, a modern and fast front-end JavaScript framework.

github jsx login login-page vitejs

Last synced: 05 Nov 2024

https://github.com/pavan-kumar2/movie-application

The movie app is a web application that allows users to browse and search for movies, view movie details, and view their IMDb ratings. The app is built using HTML, CSS, JavaScript and React JS for the frontend, and uses a third-party API to retrieve movie data.

ajax css html5 javascript jsx reactjs

Last synced: 08 Nov 2024

https://github.com/alexandrabaturina/to-do-list-exercise

React-based frontend for to-do list app

crud-operations jsx react usestate-hook

Last synced: 05 Nov 2024

https://github.com/bntzio/catch-of-the-day

A seafood restaurant management system app built w/react 🐟

css gulp html javascript jsx react

Last synced: 08 Nov 2024

https://github.com/abhishekgurjar-in/bmi_calculator

The BMI Calculator is a responsive web application built with React. It takes the user's weight (in kilograms) and height (in centimeters) as inputs and calculates the BMI. The app then displays the calculated BMI along with a corresponding weight .

bmi-calculator css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/movie-finder

The Movie Finder website is a React-based application designed to help users search for and explore movies and TV series. Whether you’re a film enthusiast or just looking for something new to watch, this website will offer a streamlined way to find what you’re looking for.

api css javascript jsx movie-finder react web-development

Last synced: 11 Oct 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 194 hyperawesome 71
JSX (JavaScript XML) Categories
Uncategorized 235 Resources 135 📦 Components & Libraries 120 Utilities V1 17 Articles & Tutorials V1 10 Boilerplates V1 9 Utilities 8 Examples V1 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 Testing V1 1 Applications 1 🛠️ Tooling 1