Velto UI 🚀

A modern React Native UI component library built for speed, simplicity, and scalability.

Build beautiful mobile apps faster with reusable components.

✨ Features

• ⚡ Lightweight and fast
• 🎨 Theming support (Light & Dark)
• 🧩 Reusable UI components
• 📱 Built for React Native
• 🔧 Easy to customize

📦 Installation

npm install velto-ui

🚀 Usage

import React from 'react';
import { View } from 'react-native';
import { Button, Input } from 'velto-ui';

const App = () => {
  return (
    <View style={{ padding: 20 }}>
      <Input placeholder="Enter text" />
      <Button title="Click Me" onPress={() => console.log('Pressed')} />
    </View>
  );
};

export default App;

🧩 Components

Button

<Button 
  title="Press Me" 
  onPress={() => {}} 
/>

Input

<Input 
  placeholder="Type here..." 
/>

🎨 Theming

Velto UI supports light and dark themes.

import { ThemeProvider } from 'velto-ui';

<ThemeProvider>
  <App />
</ThemeProvider>

📁 Project Structure

src/
 ├── components/
 │   ├── Button/
 │   ├── Input/
 ├── theme/
 │   ├── light.js
 │   ├── dark.js
 │   ├── ThemeProvider.js
 └── index.js

🛠 Development

npm run build

📌 Roadmap

• [ ] Add more components (Card, Modal, Toast)
• [ ] Improve theming system
• [ ] Add animations
• [ ] TypeScript support

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

📄 License

MIT © Kanhu Charan Sahoo

🌟 Support

If you like this project, give it a ⭐ on GitHub!