@anephenix/ui

UI

A design system for Next.js applications, using Sass as the CSS preprocessor.

Installation

npm i @anephenix/ui --save

Dependencies

• Node.js (22+)
• React (Version 18+)
• Sass (V 5.0+)

Setup

In order to use Anephenix's React UI within your Next.js applications, you will need to adjust your Webpack configuration in order to load the react components.

Make sure that the next.config.js file for your Next.js app has this code:

const applyWebpackConfig = (test = /\.jsx/) => {
	return (config, options) => {
		config.module.rules.push({
			test,
			use: [options.defaultLoaders.babel],
		});
		return config;
	};
};

module.exports = {
	webpack: applyWebpackConfig(),
};

The applyWebpackConfig function ensures that you can load the React components from the node_modules folder.

Usage

To be fleshed out. See the site for details.

tests

npm t

License and credits

©2025 Anephenix Ltd. UI is licenced under the MIT Licence.