Gerador de backoffice.

Crie e publique gratuitamente aplicações web completas em "um dia", são mais de 1000 componentes MVP's prontos para implementar multiplas funcionalidades aos seus projetos.

Add
Layers
Screens
Themes
Navigation
Assets
Settings
Profile
Componentes prontos
Publicar backoffice
Montando o App
Favoritos
Todos
Plugin status: ativo
Plugin status: ativo
Screen
Navegação
Bits
Blocks
Basic
Basic
Icon
View
Text
Media
Image
Video
Layout
Lists & Data
Fetch
List
Draftbit Blocks
Carousel
Fields
Buttons
Headers
Progress
Cards
Your Blocks
Listing Card
Listings Filter
Apply Button
Dock
Inputs & Controls
Touchable
Search Bar
Switch
Checkbox
Aplicativo Exemplo
Favoritos
Todos
Plugin status: ativo
Plugin status: ativo
APIs & Services
Connected
REST API
https://api.github.com/...
Header
ETH Plugin Wallet
0xf63063ed9a3f7cc24a
Minha Carteira
0xf63063ed9a3f7cc24a
2
0xf63063ed9a3f7cc24a
2
0xf63063ed9a3f7cc24a
1
Image
0.01872970783001102
Header
Exchange plugin
0xf63063ed9a3f7cc24a
Negociações
0xf63063ed9a3f7cc24a
3
0xf63063ed9a3f7cc24a
3
0xf63063ed9a3f7cc24a
2
Image
0.01872970783001102
Header
ETH Plugin Wallet
0xf63063ed9a3f7cc24a
Minha Carteira
0xf63063ed9a3f7cc24a
2
0xf63063ed9a3f7cc24a
2
0xf63063ed9a3f7cc24a
1
Image
0.01872970783001102
Header
Exchange plugin
0xf63063ed9a3f7cc24a
Negociações
0xf63063ed9a3f7cc24a
3
0xf63063ed9a3f7cc24a
3
0xf63063ed9a3f7cc24a
2
Image
0.01872970783001102
Motor Code Lego

Um conjunto de recursos poderosos.

Tecnologia Seus aplicativos são executados dentro de contêineres inteligentes em um ambiente de tempo de execução totalmente gerenciado, lidamos com tudo que é essencial para produção - configuração, orquestração, balanceamento de carga, failovers, log, segurança e muito mais.

Escala CodeLego escala em um instante, vertical e horizontalmente. Você pode executar de forma elegante tudo, desde pequenos projetos de hobby a comércio eletrônico de nível empresarial, lidando com surtos de Black Friday.

Aplicativo Exemplosss.
import React from 'react';
import {
StatusBar,
View,
StyleSheet,
KeyboardAvoidingView,
Text,
} from 'react-native';
import { withTheme, ScreenContainer, Image, TextField } from '@draftbit/ui';
import Images from '../config/Images';

class Login extends React.Component {
state = {};

componentDidMount() {
StatusBar.setBarStyle('dark-content');
}

render() {
const { theme } = this.props;

return (
<ScreenContainer
scrollable={false}
hasSafeArea={true}
style {styles.screenContainerZc}
>
<KeyboardAvoidingView
keyboardVerticalOffset={0}
behavior="padding"
enabled={true}
style={styles.keyboardAvoidingView4W}
>
<View style={styles.viewU5}>
<Image
resizeMode="contain"
source={Images.LogoPrimary}
style={styles.image0V}
/>
<Text
style={StyleSheet.flatten([
theme.typography.headline4,
{ color: theme.colors.strong },
])}
>
Welcome to codelego.io.
</Text>
<TextField
leftIconMode="inset"
placeholder="Login with Facebook"
label="Social Login"
type="underline"
onChangeText={textFieldValue => this.setState({ textFieldValue })}
value={this.state.textFieldValue}
style={styles.textFieldDt}
/>
<TextField
onChangeText={textFieldValue => this.setState({ textFieldValue })}
value={this.state.textFieldValue}
secureTextEntry={true}
leftIconMode="inset"
placeholder="Create Your Account"
label="Create Account"
error={false}
type="underline"
/>
<TextField
onChangeText={textFieldValue => this.setState({ textFieldValue })}
value={this.state.textFieldValue}
secureTextEntry={true}
leftIconMode="inset"
placeholder="Log In"
label="Log In"
error={false}
type="underline"
/>
</View>
</KeyboardAvoidingView>
</ScreenContainer>
);
}
}

const styles = StyleSheet.create({
viewU5: {
paddingRight: 16,
paddingLeft: 16,
flexGrow: 1,
justifyContent: 'center',
},
screenContainerZc: {
justifyContent: 'space-between',
},
keyboardAvoidingView4W: {
flexGrow: 1,
justifyContent: 'space-between',
},
image0V: {
width: 150,
},
textFieldDt: {
height: 82,
marginBottom: 16,
},
});

export default withTheme(Login);
import React from 'react';
import {
StatusBar,
View,
StyleSheet,
KeyboardAvoidingView,
Text,
} from 'react-native';
import { withTheme, ScreenContainer, Image, TextField } from '@draftbit/ui';
import Images from '../config/Images';

class Login extends React.Component {
state = {};

componentDidMount() {
StatusBar.setBarStyle('dark-content');
}

render() {
const { theme } = this.props;

return (
<ScreenContainer
scrollable={false}
hasSafeArea={true}
style {styles.screenContainerZc}
>
<KeyboardAvoidingView
keyboardVerticalOffset={0}
behavior="padding"
enabled={true}
style={styles.keyboardAvoidingView4W}
>
<View style={styles.viewU5}>
<Image
resizeMode="contain"
source={Images.LogoPrimary}
style={styles.image0V}
/>
<Text
style={StyleSheet.flatten([
theme.typography.headline4,
{ color: theme.colors.strong },
])}
>
Welcome to codelego.io.
</Text>
<TextField
leftIconMode="inset"
placeholder="Login with Facebook"
label="Social Login"
type="underline"
onChangeText={textFieldValue => this.setState({ textFieldValue })}
value={this.state.textFieldValue}
style={styles.textFieldDt}
/>
<TextField
onChangeText={textFieldValue => this.setState({ textFieldValue })}
value={this.state.textFieldValue}
secureTextEntry={true}
leftIconMode="inset"
placeholder="Create Your Account"
label="Create Account"
error={false}
type="underline"
/>
<TextField
onChangeText={textFieldValue => this.setState({ textFieldValue })}
value={this.state.textFieldValue}
secureTextEntry={true}
leftIconMode="inset"
placeholder="Log In"
label="Log In"
error={false}
type="underline"
/>
</View>
</KeyboardAvoidingView>
</ScreenContainer>
);
}
}

const styles = StyleSheet.create({
viewU5: {
paddingRight: 16,
paddingLeft: 16,
flexGrow: 1,
justifyContent: 'center',
},
screenContainerZc: {
justifyContent: 'space-between',
},
keyboardAvoidingView4W: {
flexGrow: 1,
justifyContent: 'space-between',
},
image0V: {
width: 150,
},
textFieldDt: {
height: 82,
marginBottom: 16,
},
});

export default withTheme(Login);
Lançamento

Publique em minutos e compartilhe com o mundo..

Lançamento

Não reinvente a roda. Os mais de 150 complementos de terceiros da CodeLego, mais de 1000 buildpacks de código aberto e mais de 3000 BloCks Buttons prontos para implantar fornecem um rico ecossistema de extensões e serviços pré-integrados.

Transforme sua empresa em uma empresa de aplicativos

Hoje, toda empresa precisa de aplicativos para envolver seus clientes e administrar seus negócios. Melhore sua capacidade de criar, gerenciar e implantar ótimos aplicativos em escala com o CodeLego

Tudo pronto é só usar

SMS, EMAIL, AUTH, CLOUDFLARE, SSL, APIs GOOGLE, APIs PUSH Notification, BLOCKCHAIN, BITCOIN, ETHEREUM, PAYPAL, MASTER CARD e muito, muito, muito mais...

New App
24 Screens
Invite
New-App.zip
Segurança

Segurança, reversão de código e dados

Trabalhe sem medo - o sistema de compilação do CodeLego e o serviço Postgres permitem reverter seu código ou seu banco de dados para um estado anterior em um instante.

Invista em aplicativos, não em operações. O CodeLego lida com as coisas difíceis - correção e atualização, operações e segurança 24 horas por dia, 7 dias por semana, para que seus desenvolvedores possam se concentrar na criação de ótimos aplicativos.

utilizando CodeLego e todo nosso ecosistema pronto testado e validado, você como programador autonomo ou seu time de desenvolvimento economizarão dias ou até semanas de tempo de engenharia de codigo e gerenciamaneto de infra estrutura, ainda contam com a experiencia minha e da minha equipe somados aos nossos parceiros e desenvolvedores que contribuem para o crescimento dessa plataforma que é sem duvida a mais fluidica e intuitiva programação que ja usei para desenvolvimento de aplicações elegantes e escaláveis com segurança e tranquilidade.
Danilo Gaglioti
CTO and Founder, codelego.io e pagcash.com
Danilo Gaglioti
CTO and Founder, CodeLego.io e Pagcash.com

Solicitar Acesso to the private beta.